/* ============================================================================
 * tokens.css — single source of truth for palette and type stacks
 *
 * Ported verbatim from grazing-ui.jsx's :root block (lines 12-46).
 * DO NOT improvise colours here. Add new tokens by going back to the design
 * spec and updating the JSX prototype first, then mirroring the change here.
 *
 * Domain: paddock, soil, pasture, electric fence, dew, dry grass, manure, mud
 * Color world: straw, sage, clay, charcoal, moss, rust-orange, sky-wash
 * ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,300&family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600&display=swap');

:root {
  --soil:       #2C1F14;
  --earth:      #3D2B1A;
  --bark:       #5C3D24;
  --clay:       #8B5E3C;
  --straw:      #C9A96E;
  --pale-straw: #E8D9B8;
  --parchment:  #F4ECD8;
  --sage:       #7A9E7E;
  --moss:       #4A7A50;
  --deep-grass: #2E5C34;
  --rust:       #C4622D;
  --amber:      #D4932A;
  --warn:       #E8B84B;
  --ready:      #7AB87E;
  --over-rested:#A8D5AA;
  --ink:        #1A1208;
  --ink-2:      #3D2B1A;
  --ink-3:      #6B4F35;
  --ink-4:      #9B7A5A;
  --surface-0:  #F9F3E8;
  --surface-1:  #F4ECD8;
  --surface-2:  #EDE0C4;
  --surface-3:  #E2D0AA;
  --border:     rgba(92,61,36,0.15);
  --border-mid: rgba(92,61,36,0.25);
  --border-hi:  rgba(92,61,36,0.45);
  --shadow-sm:  0 1px 3px rgba(44,31,20,0.08);
  --shadow-md:  0 3px 10px rgba(44,31,20,0.12);
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  /* Type stacks (also ported from grazing-ui.jsx) */
  --font-display: 'Fraunces', Georgia, 'Iowan Old Style', serif;
  --font-body:    'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'DM Mono', ui-monospace, 'JetBrains Mono', Menlo, monospace;
}