/* Design tokens - the single source of truth for colour, type, radius, shadow.
   Change a value here and it updates everywhere. See DESIGN_PROTOTYPE.md for the
   rationale behind the "warm paper" editorial palette. */

:root {
  /* ---- surfaces & ink ---- */
  --paper: #f6f2ea;
  --paper-2: #efe9dd;
  --surface: #fffdf9;
  --surface-2: #faf6ee;
  --ink: #241f18;
  --ink-2: #6a6154;
  /* Roadmap F11 contrast audit (2026-08-10): #9a9080 measured 2.8–3.1:1 against --paper/
     --surface - this token is used everywhere for small secondary text (units, mono labels,
     timestamps), so that fails WCAG AA's 4.5:1 for normal text almost everywhere it's used.
     Darkened along the same hue/saturation to 4.7:1 on --paper / 5.2:1 on --surface. */
  --ink-3: #746b5d;
  --line: #e7dfd1;
  --line-2: #d9cfbc;

  /* ---- accents ---- */
  --sun: #bd7414;        /* primary / CTA (solar) */
  --sun-2: #a5620d;
  --sun-soft: #f4e6cd;
  --sun-tint: #fbf3e3;
  --leaf: #3d7a51;       /* success / savings */
  --leaf-soft: #dde9df;
  --leaf-tint: #eef4ee;
  --clay: #ad4f2c;       /* oil / legacy / error */
  --clay-soft: #f0dccf;
  --clay-tint: #f9ece4;

  /* ---- per-component accent chips (used by catalog / infra cards) ---- */
  --violet: #5b4fa0;
  --violet-soft: #e6e2f2;
  --slate: #4a6079;
  --slate-soft: #e3e7ee;
  --teal: #2f6e63;
  --teal-soft: #d9e6e2;
  --earth: #8a5a34;
  --earth-soft: #efe1d6;

  /* ---- radii ---- */
  --r-lg: 16px;
  --r-md: 11px;
  --r-sm: 8px;

  /* ---- type ---- */
  --sans: 'Hanken Grotesk', system-ui, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
  --mono: 'Space Mono', ui-monospace, monospace;

  /* ---- shadows ---- */
  --sh-1: 0 1px 2px rgba(60, 45, 20, .05), 0 1px 1px rgba(60, 45, 20, .04);
  --sh-2: 0 6px 22px -8px rgba(70, 52, 22, .18), 0 2px 6px rgba(70, 52, 22, .06);
  --sh-3: 0 20px 50px -18px rgba(60, 45, 20, .30);
}