/* Emma design tokens: the single source (design/tokens.css).
   Mirrored byte-for-byte to backend/static/, _landing/ and the app (dashboard/) by
   scripts/sync_design.sh; backend/tests/test_design_sync.py fails if a copy drifts.
   Pages use these names only: no hex literal outside this file and SVG fills.

   Step 51, direction A (owner's decision 2026-10-20): a dark brown with temperature,
   Emma's amber used as LIGHT (glow, bloom, what she does), one family (Fraunces), and
   two voices in two colours: what the user says is cream (--you, as landing-a-v2), what Emma says
   is warm (--hot). Every text colour passes WCAG AA (>= 4.5) on --bg, --bg2 and
   --surface (tests/test_app_visual.py). --dim and --dim2 are the step's own warm greys:
   below AA for small text, so they colour lines, hints and decoration only.
   Monospace survives only for literal code (an install command). The app's names
   (--raised, --faint, --amber, --gold, --bad, --on-accent, --serif, --sans, --mono)
   are aliases kept for dashboard/app.css. */

@font-face{font-family:'Fraunces';src:url('fonts/fraunces-normal.woff2?v=7e74484902') format('woff2-variations'),url('fonts/fraunces-normal.woff2?v=7e74484902') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('fonts/fraunces-italic.woff2?v=62915f1b73') format('woff2-variations'),url('fonts/fraunces-italic.woff2?v=62915f1b73') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('fonts/hanken-grotesk.woff2?v=e9201eddf1') format('woff2-variations'),url('fonts/hanken-grotesk.woff2?v=e9201eddf1') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono.woff2?v=1e06740a02') format('woff2');font-weight:300 500;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;

  /* color: direction A */
  --bg:#1a120c;
  --bg2:#21170f;
  --surface:#2a1d14;
  --line:rgba(241,230,214,.12);
  --ink:#f1e6d6;
  --ink2:#b0916f;          /* secondary text (AA) */
  --ink3:#a3856a;          /* tertiary text (AA) */
  --dim:#8a6a4e;           /* the step's warm grey: lines and decoration, not small text */
  --dim2:#5a4634;
  --light:#ffb45c;         /* Emma's light: glow, bloom, the active thing */
  --hot:#ffd9a0;           /* Emma's voice */
  --you:#f1e6d6;           /* the user's voice */
  --you2:#ffffff;
  --accent:#ffb45c;
  --accent-soft:rgba(255,180,92,.12);
  --glow:rgba(255,180,92,.30);
  --amber:#ffb45c;
  --gold:#ffc979;
  --dawn-1:#120a06;--dawn-2:#2a150a;--dawn-3:#5e2c0e;--dawn-4:#a85a1e;--dawn-sun:rgba(255,190,110,.9);
  --dusk-1:#07050a;--dusk-2:#1c1020;--dusk-3:#4a2018;--dusk-4:#8a4416;--dusk-glow:rgba(255,154,60,.75);--star:#f1e6d6;
  --second:#7f9a86;
  --white:#fff;
  /* the landing's Mac (Step 51): system chrome, drawn as a Mac draws it */
  --mac-ink:#eee;--mac-dim:#aaa;--mac-red:#ff5f57;--mac-yellow:#febc2e;--mac-green:#28c840;
  --mac-paper:#f4efe8;--mac-paper-ink:#cfc6ba;--mac-paper-head:#9b8f80;--mac-tile-1:#4a3a30;--mac-tile-2:#2a2018;
  --mac-wall-1:#3b2718;--mac-wall-2:#1d140e;--mac-wall-3:#120c08;
  /* the landing v7 (Step 53, owner's decision 2026-10-22): its own night and inks, exactly
     the prototype's (_planning/design/v7/src/style.css), except --v7-faint: unheard words and
     inactive turns, raised to 3.5:1 on --v7-bg (large-text AA; the prototype's #5f574e was 2.8). The Mac result cards are drawn as macOS draws them;
     the bubble is one step darker than the prototype (#2f7cf6 was 3.9:1 under white text, now 4.7). */
  --v7-bg:#0b0a09;--v7-ink:#efe8de;--v7-mute:#948a7d;--v7-faint:#6e655b;--v7-light:#f0c892;--v7-em:#f6dcb8;
  --v7-nav:#bfb6aa;--v7-cand:#cbbfae;--v7-win:#fff4e4;--v7-white:#fff;
  --v7-card-app:#a59b8e;--v7-card-ink:#d9d0c4;--v7-card-meta:#c99a5e;--v7-bubble:#1f6fe5;
  --v7-ic-msg:#34c759;--v7-ic-mail:#3b82f6;--v7-ic-cal:#ff3b30;
  --font-v7-small:'Hanken Grotesk',system-ui,sans-serif;
  /* AA companions for text and controls */
  --accent-ink:#ffb45c;
  --second-ink:#a9c4b0;
  --line-strong:rgba(255,241,220,.45);
  --on-ink:#1a120c;
  --on-accent:#1a120c;
  --danger:#ff8f7a;
  --danger-soft:rgba(255,143,122,.12);
  --ok:#9fd8ac;
  --ok-soft:rgba(159,216,172,.12);
  --focus:#ffb45c;
  /* the app's names for the same colours */
  --raised:var(--surface);--faint:var(--ink3);--bad:var(--danger);

  /* type */
  --font-display:'Fraunces',ui-serif,serif;
  --font-body:'Fraunces',ui-serif,serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --serif:var(--font-display);--sans:var(--font-body);--mono:var(--font-mono);
  --fs-1:12px;   /* the smallest size (Lighthouse legibility floor) */
  --fs-2:13px;   /* small, help */
  --fs-3:16px;   /* body */
  --fs-4:20px;   /* lead */
  --fs-5:clamp(28px,3.4vw,40px);   /* page title */
  --fs-6:clamp(38px,5vw,72px);     /* hero */
  --lh-tight:1.05;
  --lh-normal:1.55;
  --lh-loose:1.75;
  --fw-light:300;
  --fw-regular:400;
  --fw-medium:500;
  --ls-mono:0.18em;

  /* space: 4px base */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;

  /* shape, depth, motion */
  --r-1:4px;--r-2:8px;--r-3:14px;--r:10px;
  --e-1:0 1px 0 rgba(255,241,220,.05) inset,0 12px 30px -18px rgba(0,0,0,.8);
  --e-2:0 30px 60px -30px rgba(0,0,0,.9);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --ease-drawer:cubic-bezier(0.32, 0.72, 0, 1);
  --dur-fast:150ms;
  --dur-normal:300ms;
}


@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-normal:0ms}}