/* Sorto design tokens, generated from design/tokens.json */
:root {
  --paper: #fcfcf9;
  --surface: #ffffff;
  --grid: #dde5f3;
  --line: #c8d2e8;
  --ink: #1a1d2b;
  --muted: #535b74;
  --bic: #2440b3;
  --bic-deep: #142a80;
  --bic-tint: #e4eaff;
  --margin: #df4558;
  --night: #16267a;
  --night-ink: #ffffff;
  --night-soft: #cfd7fb;
  --holly: #c8302f;
  --holly-deep: #861d1c;
  --holly-light: #d94a48;
  --pine: #1f6b4f;
  --pine-light: #2f8f69;
  --gold: #ffd34d;
  --gold-deep: #b8900f;
  --gold-knot: #e9b928;
  --kraft: #d6ab78;
  --kraft-ink: #3b2c18;
  --wa: #1d8a4b;
  --wa-deep: #11592f;
  --done-bg: #dff1e8;
  --done-ink: #17533c;
  --wait-bg: #eef1f8;
  --taken-bg: #f1f3f8;
  --taken-ink: #8a93ad;
  --chain-empty: #aab6d3;
  --tape-gold: rgba(255, 211, 77, 0.85);
  --tape-kraft: rgba(214, 171, 120, 0.9);
  --tape-red: rgba(200, 48, 47, 0.75);
  --scrim: rgba(16, 20, 40, 0.55);
  --shadow-sheet: 5px 6px 0 #1a1d2b;
  --shadow-slip: 0 8px 12px rgba(26, 29, 43, 0.2);
  --shadow-sticky: 0 8px 14px rgba(26, 29, 43, 0.16);
  --shadow-press-bic: 0 4px 0 #142a80;
  --shadow-press-holly: 0 4px 0 #861d1c;
  --shadow-press-wa: 0 4px 0 #11592f;
  --shadow-press-gold: 0 4px 0 #b8900f;
  --shadow-press-paper: 0 4px 0 #1a1d2b;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 56px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --tilt-chain: -1.2deg;
  --tilt-tape: -6deg;
  --tilt-sticky: -1.5deg;
  --tilt-stamp: -10deg;
  --font-display: "Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-hand: Kalam, "Segoe Print", "Bradley Hand", cursive;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #12141c;
    --surface: #191c27;
    --grid: #1f2537;
    --line: #2c3349;
    --ink: #e9ebf3;
    --muted: #9ba2ba;
    --bic: #8199ff;
    --bic-deep: #4a63d9;
    --bic-tint: #232c52;
    --margin: #ff6b7c;
    --night: #0c1440;
    --night-soft: #b9c3ef;
    --done-bg: #1d3a2e;
    --done-ink: #8fd6b3;
    --wait-bg: #232838;
    --taken-bg: #1d2130;
    --taken-ink: #6d7590;
    --chain-empty: #47506a;
    --shadow-sheet: 5px 6px 0 #000000;
    --shadow-slip: 0 8px 14px rgba(0, 0, 0, 0.5);
    --shadow-press-paper: 0 4px 0 #000000;
    color-scheme: dark;
  }
}