/* ─────────────────────────────────────────────────────────────────────────
   Gnosys design tokens — the single source of truth for the "Cream Journal"
   palette and type scale.

   This file is canonical. The palette previously existed in five copies
   (base.html's Tailwind config, report.css, run_live.css, and inline :root
   blocks in two dashboard templates) and had already drifted apart. Anything
   that needs a Gnosys colour imports THIS file and reads the custom property.

   base.html's Tailwind config still maps class names (bg-graphite, text-cyan,
   …) to hex literals because the Play CDN can't read custom properties at
   config time — but those literals must match the values below. If you change
   a hue here, change it there too.

   Semantic naming, not literal: --ox is "the accent / action colour", which
   happens to be oxblood. Don't add --red or --dark-red.
   ───────────────────────────────────────────────────────────────────────── */

@font-face { font-family:"InterReport"; src:url("/static/fonts/Inter.ttf") format("truetype"); font-weight:100 900; font-display:swap; }
@font-face { font-family:"JBMonoReport"; src:url("/static/fonts/JetBrainsMono-Medium.ttf") format("truetype"); font-weight:400 600; font-display:swap; }

:root{
  /* surfaces — cream paper, raised cards */
  --cream:#F4EFE6;
  --card:#FBF9F4;
  --sunk:#ECE5D6;
  --hair:#D9D2C2;

  /* ink scale */
  --ink:#1C1B18;
  --ink-mid:#3A372F;
  --stone:#8B8577;

  /* brand + semantic accents */
  --blue:#1B3A5B;         /* wordmark, headings, "verified" accent */
  --ox:#6B1E1E;           /* primary action, links, live state */
  --green:#2D5F3A;        /* measured improvement, governed interval */
  --ochre:#7A5F14;        /* caution, thin evidence, raw interval */

  /* accent tints — 8–10% washes for backgrounds of the above */
  --blue-tint:#E4EAF1;
  --ox-tint:#F1E3E1;
  --stone-tint:#ECE8DE;
  --green-tint:#E3EBE4;
  --ochre-tint:#EFE7D2;

  /* type */
  --mono:"JBMonoReport",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:"InterReport",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* the per-surface accent, swappable via .accent-* below */
  --accent:var(--blue);
  --accent-tint:var(--blue-tint);
}

/* Surface accent overrides. Applied on a container; every .btn/.chip/.rail
   inside picks up the new accent without per-component overrides. */
.accent-graphite{ --accent:var(--stone); --accent-tint:var(--stone-tint); }
.accent-ochre{ --accent:var(--ochre); --accent-tint:var(--ochre-tint); }
.accent-ox{ --accent:var(--ox); --accent-tint:var(--ox-tint); }
.accent-green{ --accent:var(--green); --accent-tint:var(--green-tint); }