/* Seedlot: the seed bed, in two-colour risograph. Every colour, font, radius, shadow and easing is a token; base.css
   and seedlot.css only read them. DESIGN.md has the jobs and the budget: cream 68, soil 22, green 6, pink 3, states 1. */
:root {
  color-scheme: light;

  /* cream paper, from the page to the tags and packets printed on it */
  --bg: #F5EFDC;
  --bg-2: #ECE3C8;
  --surface: #FBF8EE;
  --surface-2: #F1E9D2;

  /* hairlines, in the soil colour at low strength */
  --line: rgba(43, 29, 20, 0.12);
  --line-2: rgba(43, 29, 20, 0.22);
  --line-3: rgba(43, 29, 20, 0.36);

  /* soil-brown ink: text, the soil band, primary buttons */
  --ink: #2B1D14;
  --ink-2: #5A4636;
  --muted: #73604C;
  --soil: #2B1D14;
  --soil-light: #4A3526;
  --on-soil: #F5EFDC;
  --on-soil-2: rgba(245, 239, 220, 0.72);
  --wood: #8C6A48;

  /* green is sprouts and filled bids (art); green-ink is green you can read */
  --green: #00A95C;
  --green-ink: #007A42;
  --faded: #C7B793;
  /* ONE accent with ONE meaning: pink is the clearing-price string, its tag, and the "Plant a bid" button */
  --pink: #FF48B0;
  --pink-deep: #D62F90;
  --on-pink: #2B1D14;
  --accent: var(--ink);
  --on-accent: #F5EFDC;

  /* states only, never decoration (bad is burnt orange, so it is never mistaken for pink) */
  --good: #007A42;
  --bad: #B5401A;
  --warn: #8A6100;

  --font-display: 'Bricolage Grotesque', 'Arial Black', ui-sans-serif, system-ui, sans-serif;
  --font-text: 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Martian Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display-weight: 800;
  --display-tracking: -0.035em;

  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --border: 1.5px solid var(--line-2);
  /* print, not glass: no soft shadows. A lifted thing gets a hard soil shadow, like a second ink layer off register */
  --shadow: none;
  --shadow-lift: 3px 3px 0 var(--ink);

  /* quick out, settles exactly, no bounce */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 160ms;
  --t: 280ms;

  --wrap: 1240px;
  --gut: clamp(16px, 4vw, 40px);
  --top-h: 68px;
}