/* ── Sparekey Design Tokens & Variables ───────────────────────────────────── */
:root {
  --pine: #17402f;
  --pine-lit: #1e5540;
  --pine-deep: #0e2c20;
  --marigold: #f0a21b;
  --marigold-deep: #d98a06;
  --marigold-ink: #7a4e06;
  --butter: #fbe9be;
  --butter-deep: #f6df9a;
  --page: #f3ede2;
  --card: #fffdf8;
  --line: #e6ddcc;
  --ink: #221b10;
  --ink-soft: #6b6151;
  --muted: #766a54;
  --mint: #dceddd;
  --moss: #1e6a4c;
  --blush: #f7dccb;
  --rust: #c2483d;

  --grad-pine: linear-gradient(135deg, #1e5540 0%, #17402f 45%, #0e2c20 100%);
  --grad-butter: linear-gradient(135deg, #fbe9be 0%, #f6df9a 100%);
  --shadow-card: 0 1px 2px #402c0c0d, 0 6px 20px -6px #402c0c1a;
  --shadow-note: 0 1px 1px #402c0c14, 0 10px 18px -8px #402c0c38;
  --shadow-pop: 0 12px 40px -8px #1e140459;

  --display: "Bricolage Grotesque", system-ui, sans-serif;
  --body: "Instrument Sans", system-ui, sans-serif;
  --mono: "Spline Sans Mono", ui-monospace, monospace;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --nav-h: 72px;
}