/* Eggd: the logo's world. A cocoa ground (the logo's #2A1C13, a step deeper for the page), ottr's cream ink, and one
   gold that means the egg, the money paid to it and the one primary action. Flat, like the logo. */
:root {
  color-scheme: dark;

  --bg: #1E140D;             /* cocoa */
  --bg-2: #24180F;           /* wells, tracks */
  --surface: #2A1C13;        /* cards: the logo's own ground */
  --surface-2: #33241A;      /* raised bits, menus */
  --carton: #261A11;         /* the egg tray */
  --carton-2: #4A3626;

  --line: rgba(252, 249, 232, 0.09);
  --line-2: rgba(252, 249, 232, 0.15);
  --line-3: rgba(252, 249, 232, 0.28);

  --ink: #FCF9E8;            /* ottr's cream */
  --ink-2: #D9CDB4;
  --muted: #AE9D82;          /* labels: about 6:1 on the ground */

  --gold: #F2B43C;           /* the egg, paid amounts, the one primary action */
  --gold-2: #FFC85A;
  --gold-deep: #C88B22;
  --gold-text: #F7C364;      /* gold words on the dark ground */
  --gold-wash: rgba(242, 180, 60, 0.12);
  --gold-glow: rgba(242, 170, 50, 0.32);
  --accent: var(--gold);
  --on-accent: #2A1C13;

  --chick: #F8DC86;
  --stamp: #6B3413;          /* the ink stamp on the shell */

  --good: #5FD39A;
  --bad: #FF7A66;
  --warn: #F2B43C;

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

  --r-sm: 10px;
  --r: 16px;
  --r-lg: 22px;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --shadow: 0 1px 0 rgba(255, 240, 210, 0.03) inset, 0 24px 60px -30px rgba(0, 0, 0, 0.9);
  --shadow-lg: 0 1px 0 rgba(255, 240, 210, 0.04) inset, 0 40px 80px -36px rgba(0, 0, 0, 0.95);

  --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;
}