:root {
  --docs-bg: #070b14;
  --docs-bg-soft: #0d1422;
  --docs-card: rgba(16, 24, 38, 0.86);
  --docs-card-strong: rgba(12, 18, 29, 0.96);
  --docs-line: rgba(148, 163, 184, 0.2);
  --docs-text: #e6edf7;
  --docs-muted: #9aa9bd;
  --docs-dim: #6f7f95;
  --docs-accent: #f97316;
  --docs-accent-soft: rgba(249, 115, 22, 0.14);
  --docs-shadow: rgba(2, 8, 23, 0.5);
}

body.docs-theme {
  --orange: var(--docs-accent);
  --bg: var(--docs-bg);
  --bg-soft: var(--docs-bg-soft);
  --bg-card: var(--docs-card);
  --card: var(--docs-card);
  --card-strong: var(--docs-card-strong);
  --line: var(--docs-line);
  --border: var(--docs-line);
  --text: var(--docs-text);
  --text-muted: var(--docs-muted);
  --muted: var(--docs-muted);
  --accent: var(--docs-accent);
  color: var(--docs-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.09), transparent 32%),
    linear-gradient(180deg, #020617 0%, var(--docs-bg) 46%, #08111f 100%);
}

body.docs-theme .brand {
  color: var(--docs-text) !important;
}

body.docs-theme .topbar {
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--docs-line);
  margin-bottom: 1.6rem;
}

body.docs-theme .nav a {
  color: var(--docs-muted) !important;
  text-decoration: none;
}

body.docs-theme .nav a:hover {
  color: var(--docs-text) !important;
}

body.docs-theme .btn-back,
body.docs-theme .cta,
body.docs-theme .copy-btn,
body.docs-theme .btn-secondary {
  border: 1px solid var(--docs-line) !important;
  background: rgba(148, 163, 184, 0.08) !important;
  color: var(--docs-text) !important;
}

body.docs-theme .btn-back:hover,
body.docs-theme .cta:hover,
body.docs-theme .copy-btn:hover,
body.docs-theme .btn-secondary:hover {
  border-color: rgba(249, 115, 22, 0.46) !important;
  color: var(--docs-text) !important;
}

body.docs-theme .btn-primary,
body.docs-theme .cta.primary {
  background: var(--docs-accent) !important;
  border-color: transparent !important;
  color: #fff !important;
}

body.docs-theme p,
body.docs-theme li,
body.docs-theme .lead,
body.docs-theme .small,
body.docs-theme .muted,
body.docs-theme .date {
  color: var(--docs-muted) !important;
}

body.docs-theme h2,
body.docs-theme .release h2 {
  color: var(--docs-accent) !important;
}

body.docs-theme a {
  color: var(--docs-accent);
}

body.docs-theme a:hover {
  text-decoration: underline;
}

body.docs-theme .hero-card,
body.docs-theme .panel,
body.docs-theme .guide-card,
body.docs-theme .mini,
body.docs-theme .step-card,
body.docs-theme .path-chip,
body.docs-theme .meta-box,
body.docs-theme .card,
body.docs-theme .release,
body.docs-theme section {
  background: var(--docs-card) !important;
  border: 1px solid var(--docs-line) !important;
  box-shadow: 0 22px 64px var(--docs-shadow);
}

body.docs-theme pre {
  background: #060b15 !important;
  border: 1px solid var(--docs-line) !important;
  color: #d7e2f2 !important;
}

body.docs-theme code {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--docs-line);
  color: #dbe6f7;
}

body.docs-theme .eyebrow,
body.docs-theme .badge,
body.docs-theme .note {
  background: var(--docs-accent-soft) !important;
  border: 1px solid rgba(249, 115, 22, 0.34) !important;
  color: #ffd7bd !important;
}

body.docs-theme .footer,
body.docs-theme .footer a,
body.docs-theme .legal-footer {
  color: var(--docs-dim) !important;
}

body.docs-theme .footer a:hover {
  color: var(--docs-accent) !important;
}

body.docs-theme .legal-footer {
  border-top: 1px solid var(--docs-line) !important;
}
