/* ============================================================================
   Daybreak design tokens — newdais.ai
   Source of truth: newdais/brand/DESIGN.md §3 (drop-in token block).
   When a value changes, change it in DESIGN.md first, then mirror here.
   Site-specific extension tokens live at the bottom (per DESIGN.md §14).
   ========================================================================== */

/* ---------- self-hosted faces (DESIGN.md §4: no font CDN in production) --- */
@font-face{
  font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2');
}
@font-face{
  font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;
  src:url('/static/fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2');
}
@font-face{
  font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;
  src:url('/static/fonts/hanken-grotesk-latin-700-normal.woff2') format('woff2');
}
@font-face{
  font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/static/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
}
@font-face{
  font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('/static/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');
}

:root {
  /* --- brand ramps (theme-independent) --- */
  --ember-50:#FFF3EC; --ember-100:#FFE1D1; --ember-200:#FFC2A3; --ember-300:#FF9E6E;
  --ember-400:#FF7D42; --ember-500:#FF6321; --ember-600:#EA4E10; --ember-700:#C13D0F;
  --ember-800:#97300F; --ember-900:#722711;
  --coral-500:#FF5E7E; --coral-600:#ED3F63; --coral-700:#C62A4C;
  --solar-400:#FFC04D; --solar-500:#FFAE2E; --solar-600:#F0960F; --solar-700:#C6790C;
  --teal-400:#3FD0C4; --teal-500:#12A99D; --teal-600:#0E8A80;
  --violet-400:#8E6BE0; --violet-500:#6D4AC4; --violet-600:#573AA6;

  /* --- sunrise --- */
  --grad-sunrise: linear-gradient(105deg,#FFB03A 0%,#FF7A2E 30%,#FF5E7E 62%,#8E6BE0 100%);
  --grad-cta:     linear-gradient(135deg,#FF7D42 0%,#FF5E7E 100%);
  --horizon-line: linear-gradient(90deg,transparent,#FF6321 26%,#FF5E7E 56%,transparent);

  /* === LIGHT (daybreak) is the DEFAULT === */
  --ground:#FCF5EC; --surface:#FFFFFF; --surface-2:#F7EBDE; --surface-3:#241B33;
  --ink:#2A2036; --ink-2:#5C5366; --ink-3:#8C8296;
  --line:#EEDFCF; --line-strong:#E3CFBB;
  --accent:var(--ember-700); --accent-hover:var(--ember-800); --accent-bright:var(--ember-500);
  --on-accent:#FFFFFF;        /* text on a solid --accent button */
  --flow:var(--teal-600);     /* secondary accent: active, secondary links, hovers */
  --link:var(--ember-700);
  --ok:#0E8A4F; --warn:#C6790C; --danger:#D23A3A; --info:#573AA6;
  --code-bg:#241B33; --code-ink:#F1E7DA;
  --shadow-sm:0 1px 2px rgba(58,30,10,.06),0 1px 1px rgba(58,30,10,.04);
  --shadow-md:0 8px 22px -8px rgba(58,30,10,.16);
  --shadow-lg:0 22px 52px -14px rgba(58,30,10,.22);

  /* --- radius (restrained) --- */
  --r-sm:5px; --r-md:9px; --r-lg:13px; --r-xl:18px; --r-pill:999px;

  /* --- type --- */
  --font-sans:'Hanken Grotesk','Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;

  /* --- motion --- */
  --ease:cubic-bezier(.2,.7,.2,1); --ease-dawn:cubic-bezier(.16,1,.3,1);
  --dur-1:120ms; --dur-2:200ms; --dur-3:320ms;

  /* --- layout --- */
  --content:1120px; --wide:1260px; --gutter:24px;

  /* ==== site extensions (newdais.ai only — see design-system/newdais/MASTER.md) ==== */
  /* logo: bars + wordmark ride --ink, the disc keeps a fixed sunrise ramp */
  --logo-ink:var(--ink); --logo-sun-1:#FFB03A; --logo-sun-2:var(--coral-600);
  --accent-rgb:193 61 15;                 /* --accent as R G B, for Tailwind opacity modifiers */
  /* use-case tier scale (A+ … D) — text-safe fg + tint bg per theme */
  --tier-aplus-fg:var(--solar-700); --tier-aplus-bg:rgba(240,150,15,.14);
  --tier-a-fg:#0E8A4F;              --tier-a-bg:rgba(14,138,79,.12);
  --tier-b-fg:#3D53C4;              --tier-b-bg:rgba(61,83,196,.10);
  --tier-c-fg:#C6790C;              --tier-c-bg:rgba(198,121,12,.12);
  --tier-d-fg:#D23A3A;              --tier-d-bg:rgba(210,58,58,.10);
  /* AI-maturity band scale (B0 → B5): neutral → violet → solar → ember climb */
  --band-0-fg:var(--ink-3);   --band-0-bg:rgba(140,130,150,.12);
  --band-1-fg:var(--ink-2);   --band-1-bg:rgba(92,83,102,.10);
  --band-2-fg:var(--violet-600); --band-2-bg:rgba(87,58,166,.10);
  --band-3-fg:var(--violet-500); --band-3-bg:rgba(109,74,196,.13);
  --band-4-fg:var(--solar-700);  --band-4-bg:rgba(198,121,12,.14);
  --band-5-fg:var(--ember-700);  --band-5-bg:rgba(193,61,15,.14);
  /* dataviz (charts) — DESIGN.md §11 light column */
  --viz-1:#EA4E10; --viz-2:#6D4AC4; --viz-3:#F0960F;
  --viz-4:#0E9C93; --viz-5:#ED3F63; --viz-6:#3D53C4;
  --viz-grid:var(--line); --viz-axis:var(--ink-3);
}

/* DARK (pre-dawn) — redefine ONLY the semantic tokens, never component CSS */
@media (prefers-color-scheme: dark) {
  :root {
    --ground:#14102A; --surface:#1C1638; --surface-2:#251E44; --surface-3:#0F0B22;
    --ink:#F4EDE6; --ink-2:#C0B6CB; --ink-3:#867B96;
    --line:#2E2650; --line-strong:#3C3260;
    --accent:var(--ember-400); --accent-hover:var(--ember-300);
    --on-accent:#1B1630;      /* dark text on the bright ember button in dark mode */
    --flow:var(--teal-400); --link:var(--ember-300);
    --ok:#3FD08A; --warn:#FFC04D; --danger:#FF6B6B; --info:#A184E6;
    --code-bg:#0F0B22; --code-ink:#EDE4F5;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow-md:0 8px 24px -8px rgba(0,0,0,.5);
    --shadow-lg:0 24px 56px -16px rgba(0,0,0,.6);

    --logo-ink:var(--ink); --logo-sun-1:var(--solar-400); --logo-sun-2:var(--coral-500);
    --accent-rgb:255 125 66;
    --tier-aplus-fg:var(--solar-400); --tier-aplus-bg:rgba(255,192,77,.14);
    --tier-a-fg:#3FD08A;              --tier-a-bg:rgba(63,208,138,.12);
    --tier-b-fg:#8095F0;              --tier-b-bg:rgba(128,149,240,.12);
    --tier-c-fg:#FFC04D;              --tier-c-bg:rgba(255,192,77,.12);
    --tier-d-fg:#FF6B6B;              --tier-d-bg:rgba(255,107,107,.12);
    --band-0-fg:var(--ink-3);   --band-0-bg:rgba(134,123,150,.14);
    --band-1-fg:var(--ink-2);   --band-1-bg:rgba(192,182,203,.10);
    --band-2-fg:var(--violet-400); --band-2-bg:rgba(142,107,224,.14);
    --band-3-fg:#A184E6;           --band-3-bg:rgba(161,132,230,.16);
    --band-4-fg:var(--solar-400);  --band-4-bg:rgba(255,192,77,.14);
    --band-5-fg:var(--ember-400);  --band-5-bg:rgba(255,125,66,.15);
    --viz-1:#FF7D42; --viz-2:#A184E6; --viz-3:#FFC04D;
    --viz-4:#3FD0C4; --viz-5:#FF6E8C; --viz-6:#8095F0;
  }
}

/* The explicit toggle beats the media query in BOTH directions. */
:root[data-theme="light"]{
  --ground:#FCF5EC; --surface:#FFFFFF; --surface-2:#F7EBDE; --surface-3:#241B33;
  --ink:#2A2036; --ink-2:#5C5366; --ink-3:#8C8296;
  --line:#EEDFCF; --line-strong:#E3CFBB;
  --accent:var(--ember-700); --accent-hover:var(--ember-800); --accent-bright:var(--ember-500);
  --on-accent:#FFFFFF; --flow:var(--teal-600); --link:var(--ember-700);
  --ok:#0E8A4F; --warn:#C6790C; --danger:#D23A3A; --info:#573AA6;
  --code-bg:#241B33; --code-ink:#F1E7DA;
  --shadow-sm:0 1px 2px rgba(58,30,10,.06),0 1px 1px rgba(58,30,10,.04);
  --shadow-md:0 8px 22px -8px rgba(58,30,10,.16);
  --shadow-lg:0 22px 52px -14px rgba(58,30,10,.22);

  --logo-ink:var(--ink); --logo-sun-1:#FFB03A; --logo-sun-2:var(--coral-600);
  --accent-rgb:193 61 15;
  --tier-aplus-fg:var(--solar-700); --tier-aplus-bg:rgba(240,150,15,.14);
  --tier-a-fg:#0E8A4F;              --tier-a-bg:rgba(14,138,79,.12);
  --tier-b-fg:#3D53C4;              --tier-b-bg:rgba(61,83,196,.10);
  --tier-c-fg:#C6790C;              --tier-c-bg:rgba(198,121,12,.12);
  --tier-d-fg:#D23A3A;              --tier-d-bg:rgba(210,58,58,.10);
  --band-0-fg:var(--ink-3);   --band-0-bg:rgba(140,130,150,.12);
  --band-1-fg:var(--ink-2);   --band-1-bg:rgba(92,83,102,.10);
  --band-2-fg:var(--violet-600); --band-2-bg:rgba(87,58,166,.10);
  --band-3-fg:var(--violet-500); --band-3-bg:rgba(109,74,196,.13);
  --band-4-fg:var(--solar-700);  --band-4-bg:rgba(198,121,12,.14);
  --band-5-fg:var(--ember-700);  --band-5-bg:rgba(193,61,15,.14);
  --viz-1:#EA4E10; --viz-2:#6D4AC4; --viz-3:#F0960F;
  --viz-4:#0E9C93; --viz-5:#ED3F63; --viz-6:#3D53C4;
}
:root[data-theme="dark"]{
  --ground:#14102A; --surface:#1C1638; --surface-2:#251E44; --surface-3:#0F0B22;
  --ink:#F4EDE6; --ink-2:#C0B6CB; --ink-3:#867B96;
  --line:#2E2650; --line-strong:#3C3260;
  --accent:var(--ember-400); --accent-hover:var(--ember-300);
  --on-accent:#1B1630; --flow:var(--teal-400); --link:var(--ember-300);
  --ok:#3FD08A; --warn:#FFC04D; --danger:#FF6B6B; --info:#A184E6;
  --code-bg:#0F0B22; --code-ink:#EDE4F5;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 8px 24px -8px rgba(0,0,0,.5);
  --shadow-lg:0 24px 56px -16px rgba(0,0,0,.6);

  --logo-ink:var(--ink); --logo-sun-1:var(--solar-400); --logo-sun-2:var(--coral-500);
  --accent-rgb:255 125 66;
  --tier-aplus-fg:var(--solar-400); --tier-aplus-bg:rgba(255,192,77,.14);
  --tier-a-fg:#3FD08A;              --tier-a-bg:rgba(63,208,138,.12);
  --tier-b-fg:#8095F0;              --tier-b-bg:rgba(128,149,240,.12);
  --tier-c-fg:#FFC04D;              --tier-c-bg:rgba(255,192,77,.12);
  --tier-d-fg:#FF6B6B;              --tier-d-bg:rgba(255,107,107,.12);
  --band-0-fg:var(--ink-3);   --band-0-bg:rgba(134,123,150,.14);
  --band-1-fg:var(--ink-2);   --band-1-bg:rgba(192,182,203,.10);
  --band-2-fg:var(--violet-400); --band-2-bg:rgba(142,107,224,.14);
  --band-3-fg:#A184E6;           --band-3-bg:rgba(161,132,230,.16);
  --band-4-fg:var(--solar-400);  --band-4-bg:rgba(255,192,77,.14);
  --band-5-fg:var(--ember-400);  --band-5-bg:rgba(255,125,66,.15);
  --viz-1:#FF7D42; --viz-2:#A184E6; --viz-3:#FFC04D;
  --viz-4:#3FD0C4; --viz-5:#FF6E8C; --viz-6:#8095F0;
}