/* Roxabi Factory design tokens — Forge skin overlay.
   Token NAMES are kept 1:1 with roxabi-site so styles.css + body classes work unchanged.
   Token VALUES come from ~/.roxabi/forge/lyra/visuals/css/user-guide-v17.css (canonical Forge palette)
   and factory-site/brand/DESIGN.md (v1 Obsidian).
   Source of truth for any future value update: user-guide-v17.css :root block. */
:root {
  color-scheme: dark;

  /* ── Dark palette — Forge v1 Obsidian ──────────────────────── */
  --bg:          #0a0a0f;          /* Obsidian — forge floor */
  --panel:       #101018;          /* bg2 from v17 */
  --surface:     #18181f;          /* Forge Floor +1 */
  --accent:      #e85d04;          /* Forge Orange — one signal per composition */
  --accent-hover:#f97316;          /* Ember — glow softening */
  --accent-on:   #fafafa;          /* text on accent button */
  --text:        #fafafa;          /* Spark White */
  --text-muted:  #9ca3af;          /* textdim from v17 (canonical) */
  --text-dim:    #6b7280;          /* Steel Gray — metadata only */
  --border:      rgba(255,255,255,0.07); /* v17 canonical */
  --border-hi:   #2a2a35;          /* surface3 from v17 */

  /* Code surface — ALWAYS dark regardless of theme (Brand Book §6 rule) */
  --code-bg:     #0a0a0f;
  --code-text:   #fafafa;
  --code-keyword:#e85d04;
  --code-muted:  #6b7280;
  --code-string: #9ecbff;

  /* Glow — ember drop-shadow */
  --glow-accent: 0 0 40px rgba(232,93,4,0.28);

  /* Radius (kept from roxabi-site) */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-xl: 20px; --r-full: 9999px;
  /* Spacing */
  --s-xs: 4px; --s-sm: 8px; --s-md: 16px; --s-lg: 24px; --s-xl: 40px; --s-2xl: 64px;
  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,.6);
  /* Motion */
  --dur-fast: 120ms; --dur: 200ms; --ease: cubic-bezier(.2,0,0,1);

  /* ── Typography roles (Forge v1) ─────────────────────────────
     --font-sans   = body / UI prose (Inter)
     --font-mono   = technical / CLI / labels (JetBrains Mono)
     --font-head   = section titles, wordmark, nav (Outfit 700/800)
     --font-display= hero / display only (Chakra Petch 700) */
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-head:    'Outfit', system-ui, sans-serif;
  --font-display: 'Chakra Petch', system-ui, sans-serif;

  /* Layout */
  --maxw:       1080px;
  --maxw-prose: 720px;
}

/* ── Light palette — Forge v17 light theme ────────────────── */
:root[data-theme="light"] {
  color-scheme: light;
  --bg:          #fafaf9;
  --panel:       #f4f4f0;
  --surface:     #ffffff;
  --accent:      #c2410c;          /* light accent from v17 */
  --accent-hover:#e85d04;
  --accent-on:   #ffffff;
  --text:        #1c1917;
  --text-muted:  #57534e;
  --text-dim:    #78716c;
  --border:      rgba(0,0,0,0.08);
  --border-hi:   #e9e8e2;
  --glow-accent: 0 0 32px rgba(194,65,12,0.18);
  /* code surface intentionally NOT overridden — stays dark (Brand Book §6) */
}