/* ============================================================================
   House of Value - design tokens · F0 · v1.0.0
   Frozen 2026-08-13 from the accepted design spec:
   the frozen shell spec, kept outside this repo (variant D · white · deep-indigo · serif
   display), chosen by Natan after 5 rejected rounds - the full trail is in
   docs/design-history.md. DO NOT re-warm the palette: mocha/brown was
   explicitly rejected ("I like more white").
   Modes: [data-mode="light"] (default) · [data-mode="dark"].
   ============================================================================ */

[data-mode="light"]{
  /* surfaces - cool near-whites, content on pure white */
  --paper:#fafafa;          /* app ground: header, rails */
  --page:#ffffff;           /* reading surface */
  --card:#fff;              /* bordered cards */
  --wash-card:#f4f5fd;      /* accent-tinted callout fill */
  /* lines */
  --rule:rgba(15,18,25,.08);
  --rule2:rgba(15,18,25,.15);
  /* ink - neutral greys, never warm */
  --text:#17181c; --body:#3d4149; --soft:#656972; --muted:#8d919b;
  /* the one accent - deep royal indigo, used sparingly */
  --accent:#4338ca; --accent-ink:#3730a3;
  --wash:rgba(67,56,202,.075); --wash2:rgba(67,56,202,.14);
  /* kind colors (one dot per folder, from house-of-value) */
  --g-guide:#16a34a; --g-ref:#2563eb; --g-std:#9333ea; --g-rec:#ea580c; --g-tmp:#ca8a04;
  /* status */
  --warn:#b45309; --warn-wash:rgba(180,83,9,.07); --ok:#15803d;
  /* code */
  --code-bg:rgba(15,18,25,.05); --code-fg:#3730a3;
  --block:#14161c; --block-fg:#e3e6ec;
  /* elevation - three levels: rest, raised (hover), floating (popover) */
  --sh:0 1px 2px rgba(15,18,25,.04);
  --sh-raise:0 2px 6px rgba(15,18,25,.07),0 1px 2px rgba(15,18,25,.05);
  --sh-pop:0 18px 50px rgba(15,18,25,.15),0 2px 8px rgba(15,18,25,.06);
  --veil:rgba(15,18,28,.35);
}
[data-mode="dark"]{
  --paper:#101114; --page:#16171b; --card:#1c1d22; --wash-card:#1f2030;
  --rule:rgba(255,255,255,.09); --rule2:rgba(255,255,255,.17);
  --text:#eef0f4; --body:#c3c6cd; --soft:#8f939c; --muted:#686c75;
  --accent:#a5b4fc; --accent-ink:#c7d2fe;
  --wash:rgba(165,180,252,.1); --wash2:rgba(165,180,252,.19);
  --g-guide:#4ade80; --g-ref:#60a5fa; --g-std:#c084fc; --g-rec:#fb923c; --g-tmp:#facc15;
  --warn:#d9a441; --warn-wash:rgba(217,164,65,.09); --ok:#4ade80;
  --code-bg:rgba(255,255,255,.07); --code-fg:#c7d2fe;
  --block:#0e0f13; --block-fg:#d6d9e0;
  --sh:0 1px 2px rgba(0,0,0,.4);
  --sh-raise:0 2px 8px rgba(0,0,0,.5);
  --sh-pop:0 18px 50px rgba(0,0,0,.6);
  --veil:rgba(0,0,0,.5);
}

/* type - three voices, no more:
   serif display (doc titles, h2)   = Newsreader, opsz high
   UI                               = SF / system stack
   data, labels, badges             = JetBrains Mono */
:root{
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  --font-display:'Newsreader',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --fs-ui:14.5px; --lh:1.65;
  --r-xs:4px; --r-sm:5px; --r-md:8px; --r-lg:9px; --r-xl:12px; --r-pill:99px; --r-circle:50%;
  /* motion - one easing, three speeds. Respect prefers-reduced-motion. */
  --ease:cubic-bezier(.25,.7,.3,1);
  --dur-micro:120ms;   /* hover, color, border */
  --dur-small:180ms;   /* lift, reveal */
  --dur-med:240ms;     /* drawer, popover, palette */
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-micro:0ms;--dur-small:0ms;--dur-med:0ms}
}