/* Ducklytics — generated from the design system's tokens.json */
:root {
  --duck-yellow: #ffc93c;
  --duck-yellow-soft: #fff1c2;
  --bill: #f26b1d;
  --bill-ink: #b5470b;
  --pond: #0e2a33;
  --bg: #f6f8f7;
  --surface: #ffffff;
  --surface-sunk: #eaf0ef;
  --ink: #0e2a33;
  --ink-muted: #4f6870;
  --line: #d3dedd;
  --water: #2c7be5;
  --reed: #1e9e6a;
  --reed-soft: #dcf3e8;
  --alert: #d63c3c;
  --alert-soft: #fbe2e2;
  --focus: var(--water);
  --shadow-quack: 3px 3px 0 #0e2a33;
  --shadow-soft: 0 8px 24px rgba(14,42,51,0.08);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --font-sans: Figtree, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --duck-yellow-soft: #3a3214;
  --bill: #ff8a3d;
  --bill-ink: #ffa466;
  --bg: #0a1a1f;
  --surface: #11252c;
  --surface-sunk: #0d2026;
  --ink: #eaf2f1;
  --ink-muted: #9db3b8;
  --line: #24404a;
  --water: #5b9df0;
  --reed: #3fc48d;
  --reed-soft: #123a2b;
  --alert: #f06a6a;
  --alert-soft: #40191b;
  --shadow-quack: 3px 3px 0 #ffc93c;
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.35);
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --duck-yellow-soft: #3a3214;
  --bill: #ff8a3d;
  --bill-ink: #ffa466;
  --bg: #0a1a1f;
  --surface: #11252c;
  --surface-sunk: #0d2026;
  --ink: #eaf2f1;
  --ink-muted: #9db3b8;
  --line: #24404a;
  --water: #5b9df0;
  --reed: #3fc48d;
  --reed-soft: #123a2b;
  --alert: #f06a6a;
  --alert-soft: #40191b;
  --shadow-quack: 3px 3px 0 #ffc93c;
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.35);
  color-scheme: dark;
}