/* Eggd · Yolk (picked by the owner, 18 Oct 2026, brand/directions): yolk yellow, ink black, warm cream. The gold
   egg lives in the photos; on the page, black is the one primary action and heavy type carries the voice. Money
   amounts are ink and bold; amber marks them only where a number needs a second colour. */
:root {
  color-scheme: light;

  --yolk: #F7C31E;           /* the brand: hero, bands, the logo's ground (the photos' floor, sampled) */
  --yolk-2: #FFD34D;         /* yellow text on ink, hover */
  --yolk-deep: #E9A800;      /* the photo's wall */
  --cream: #FFF6DE;

  --bg: #FFF8E6;             /* the page */
  --bg-2: #FFF0C7;           /* wells, tracks, inputs */
  --surface: #FFFFFF;        /* cards */
  --surface-2: #FFF4D2;      /* raised bits, menus */
  --carton: #FFE9A6;
  --carton-2: #F2CF6A;

  --line: rgba(17, 17, 17, 0.1);
  --line-2: rgba(17, 17, 17, 0.16);
  --line-3: rgba(17, 17, 17, 0.32);

  --ink: #111111;
  --ink-2: #34312B;
  --muted: #6A6152;          /* labels: about 5.6:1 on the page */

  --gold: #E8A912;           /* the egg's own gold (drawn eggs, bars) */
  --gold-2: #F5BC2E;
  --gold-deep: #C88B0A;
  --gold-text: #8A5A00;      /* small amber words on cream: about 5.4:1 */
  --gold-display: #A86E00;   /* big amber numbers: about 3.9:1 */
  --gold-wash: rgba(232, 169, 18, 0.16);
  --gold-glow: rgba(232, 169, 18, 0.3);
  --accent: #111111;         /* the one primary action: ink, with yolk words */
  --on-accent: #FFD34D;

  --chick: #F8DC86;
  --stamp: #6B3413;          /* the ink stamp on a drawn egg's shell */

  --good: #17885A;
  --bad: #CC3B2A;
  --warn: #8A5A00;

  --font-display: 'Bricolage Grotesque', 'Inter', system-ui, sans-serif;
  --font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --display-weight: 800;
  --display-tracking: -0.04em;

  --r-sm: 12px;
  --r: 18px;
  --r-lg: 24px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 2px rgba(60, 40, 0, 0.05), 0 18px 40px -28px rgba(60, 40, 0, 0.3);
  --shadow-lg: 0 1px 2px rgba(60, 40, 0, 0.06), 0 32px 70px -36px rgba(60, 40, 0, 0.36);

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 140ms;
  --t: 280ms;

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