/* GENERATED FILE — do not edit by hand.
 * Run: python3 scripts/build-tokens.py
 *
 * Source of truth: Style Guide v2 (28.05.26), p11 — six brand colours.
 * Everything else is mix(base, toward, amount) from those six.
 * Every colour pair below is asserted against WCAG 2.1 AA by the generator.
 */
:root {
  /* --- Brand — Style Guide v2 p11. Authoritative, do not substitute. --- */
  --sand: #fef9ed;
  --sun: #f3bb30;
  --olive: #868452;
  --forest: #3d6f4d;
  --ochre: #b85722;
  --charcoal: #17250b;

  /* --- Derived tints and shades --- */
  --sand-deep: #f0ebda;  /* 12% olive into sand — card edges and inset surfaces on Sand */
  --sun-deep: #d2a42a;  /* 15% charcoal into sun — CTA hover / pressed */
  --sun-pale: #fceecb;  /* 82% sand into sun — highlight wash behind text */
  --forest-deep: #325939;  /* 30% charcoal into forest — sidebar, hover on Forest */
  --forest-pale: #e7e8da;  /* 88% sand into forest — selected nav, room surfaces */
  --ochre-deep: #984d1d;  /* 20% charcoal into ochre — accent hover / pressed */
  --ochre-pale: #f6e6d5;  /* 88% sand into ochre — warm callout surfaces */
  --text-muted: #515a44;  /* 25% sand into charcoal — secondary body copy on Sand */

  /* --- Solved for AA contrast, not chosen by eye --- */
  --text-subtle: #6f7661;  /* 4.50:1 on sand — metadata and empty states on Sand */
  --text-subtle-deep: #666d58;  /* 4.52:1 on sand-deep — metadata and locked rooms on a Sand-deep surface */
  --on-forest-muted: #e1e4d5;  /* 4.54:1 on forest — secondary copy on a Forest ground */
  --forest-light: #adbfaa;  /* 3.02:1 on forest — large text, icons and dividers on a Forest ground */

  /* --- Roles --- */
  --text-main: var(--charcoal);  /* body text and headings on Sand */
  --on-forest: var(--sand);  /* primary copy on a Forest ground */
  --on-sun: var(--charcoal);  /* label on a Sun button */

  /* --- Borders: tinted Forest, never neutral grey. This is what
         keeps the interface warm rather than clinical. --- */
  --border: rgba(61,111,77,0.13);
  --border-mid: rgba(61,111,77,0.22);
  --border-strong: rgba(61,111,77,0.35);

  /* --- Elevation: tinted Charcoal --- */
  --shadow-sm: 0 2px 8px rgba(23,37,11,0.08);
  --shadow-md: 0 6px 20px rgba(23,37,11,0.12);
  --shadow-lg: 0 16px 48px rgba(23,37,11,0.18);

  /* --- Geometry --- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --sidebar-w: 268px;
}