/* auto-generated by build.mjs — do not edit */

:root {
  /* ---- type ---- */
  --font-display: "Clash Display", "Inter Display", -apple-system, system-ui, sans-serif;
  --font-body: "Satoshi", -apple-system, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;

  /* ---- LIGHT base (body default) ---- */
  --color-void: #fbf7f0;
  --color-void-alt: #f4eee2;
  --color-void-lift: #ecdfc9;
  --color-rule: #e6ddc8;
  --color-core: #1a1814;
  --color-ink: #2a241e;
  --color-ink-soft: #756557;

  /* ---- LIGHT accents (darker for cream-bg contrast) ---- */
  --color-flame: #c76b1e;
  --color-crimson: #c42d3a;
  --color-honor: #1b8b99;
  --color-deep: #0a3370;
  --color-magenta: #9b2fa5;

  /* ---- semantic aliases ---- */
  --color-bg: var(--color-void);
  --color-accent: var(--color-flame);
  --color-page-bg: #fbf7f0;           /* never overridden; true page bg */
  --color-on-accent: #fbf7f0;          /* text color on flame button (light) */
  --color-shadow: 30, 18, 10;          /* warm brown for light-mode shadows */

  /* ---- accent ramps (dark-mode sourced, may re-derive later) ---- */
  --color-flame-50: #fcf3e8;
  --color-flame-100: #f9e2c8;
  --color-flame-200: #f4c99a;
  --color-flame-300: #f0b16b;
  --color-flame-400: #ec993c;
  --color-flame-500: #e98616;
  --color-flame-600: #c57011;
  --color-flame-700: #a05b0e;
  --color-flame-800: #714009;
  --color-flame-900: #422505;
  --color-crimson-50: #fde8e9;
  --color-crimson-100: #fac6ca;
  --color-crimson-200: #f7979d;
  --color-crimson-300: #f46770;
  --color-crimson-400: #f13642;
  --color-crimson-500: #f00f1d;
  --color-crimson-600: #ca0c18;
  --color-crimson-700: #a40913;
  --color-crimson-800: #74060d;
  --color-crimson-900: #440307;
  --color-honor-50: #eaf9fb;
  --color-honor-100: #cbf1f5;
  --color-honor-200: #a0e6ee;
  --color-honor-300: #74dce7;
  --color-honor-400: #48d1e0;
  --color-honor-500: #24c9db;
  --color-honor-600: #1eaab8;
  --color-honor-700: #188a96;
  --color-honor-800: #10626a;
  --color-honor-900: #09393e;
  --color-deep-50: #e7f1fd;
  --color-deep-100: #c5dffb;
  --color-deep-200: #95c3f9;
  --color-deep-300: #64a8f7;
  --color-deep-400: #338df5;
  --color-deep-500: #0b77f4;
  --color-deep-600: #0964ce;
  --color-deep-700: #0751a6;
  --color-deep-800: #053976;
  --color-deep-900: #032145;
  --color-magenta-50: #f9eafa;
  --color-magenta-100: #f1cdf4;
  --color-magenta-200: #e5a3eb;
  --color-magenta-300: #da79e2;
  --color-magenta-400: #cf4ed9;
  --color-magenta-500: #c72cd3;
  --color-magenta-600: #a724b2;
  --color-magenta-700: #881d90;
  --color-magenta-800: #601466;
  --color-magenta-900: #380b3c;
}

/* ======================================================================= */
/* Dark scope — applied to .site-header, .hero, and .ep-hero to keep the    */
/* top of the page cosmic while the body is light.                         */
/* ======================================================================= */
.theme-dark {
  /* ---- DARK base (extracted from logo-tile-2026.png) ---- */
  --color-void: #000003;
  --color-void-alt: #000015;
  --color-void-lift: #000024;
  --color-rule: #191922;
  --color-core: #f6f6f5;
  --color-ink: #efeadd;
  --color-ink-soft: #b1aca2;

  /* ---- DARK accents (extracted from logo-tile-2026.png) ---- */
  --color-flame: #efa552;
  --color-crimson: #f3424d;
  --color-honor: #21b8c8;
  --color-deep: #064287;
  --color-magenta: #c22bce;

  --color-bg: var(--color-void-alt);
  --color-accent: var(--color-flame);
  --color-on-accent: #000015;          /* text color on flame button (dark) */
  --color-shadow: 0, 0, 0;             /* pure black for dark-mode shadows */
  color: var(--color-ink);
}