/* ============================================================
   KEYSTONE — Brand Override Layer  (loads AFTER tokens.css + base.css)
   The Command Surface engine stays PRISTINE (diff-able vs astra);
   this single file makes Keystone gold-primary.

   PRIMARY   structural gold  #fbbf24 — arch, CTAs, eyebrows, stats
   SECONDARY cyan #00f0ff      — the "agentic / alive" accent:
             the setup terminal, code syntax, data wires (kept as-is)
   PAYOFF    green #10b981      — "gates pass / load-bearing"
   ============================================================ */

:root {
  --accent: var(--gold);
  --glow-ambient: 0 0 24px rgba(var(--gold-rgb), .07);
  --glow-hover: 0 12px 36px rgba(0, 0, 0, .5), 0 0 24px rgba(var(--gold-rgb), .14);
}
html[data-theme="light"] {
  --accent: var(--gold);
  --glow-ambient: 0 8px 24px rgba(8, 15, 35, .06);
  --glow-hover: 0 14px 34px rgba(8, 15, 35, .12);
}

/* primary button → gold (stays the magnetic target .btn-primary in motion.js) */
.btn-primary { background: linear-gradient(120deg, var(--gold), #d97706); color: #100a02; }
html[data-theme="light"] .btn-primary { color: #fff7ed; }
.btn-primary:hover { box-shadow: 0 10px 30px rgba(var(--gold-rgb), .22); }
.btn-ghost:hover { background: rgba(var(--gold-rgb), .07); }

/* brand sigil + HUD corners + accent glow → gold */
.brand .sigil { background: linear-gradient(135deg, var(--gold), #d97706); }
.hud::before, .hud::after { border-color: rgba(var(--gold-rgb), .6); }
.accent-glow { text-shadow: 0 0 14px rgba(var(--gold-rgb), .4); }
html[data-theme="light"] .accent-glow { text-shadow: none; }

/* gradient headline → structure(gold) → amber → load-bearing(green) */
.grad-text {
  background: linear-gradient(120deg, var(--gold) 0%, #f59e0b 46%, var(--green) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* reading-progress + selection + scrollbar → warm */
.reading-progress i { background: linear-gradient(90deg, var(--gold), #f59e0b); }
::selection { background: rgba(var(--gold-rgb), .26); color: var(--foreground); }
::-webkit-scrollbar-thumb { background: rgba(var(--gold-rgb), .2); border: 2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--gold-rgb), .38); }

/* NOTE intentionally NOT overridden (these ARE the secondary cyan accent):
   .opterm caret + .c-cyan, code syntax tokens, diagram .hot wires,
   the scanpass + scanline atmosphere. Cyan = "agentic / alive". */