/* Yuzoki tokens, generated from the design system tokens.json */
:root {
  --surface: #f4f6fb;
  --surface-raised: #ffffff;
  --ink: #0e1a33;
  --ink-muted: #5a6478;
  --line: #e3e7f0;
  --line-strong: #a3acbe;
  --cobalt: #2151c1;
  --cobalt-deep: #183c96;
  --sky: #2e86de;
  --periwinkle: #8b9ceb;
  --on-blue: #ffffff;
  --lemon: #ffd20a;
  --lemon-rind: #f2b705;
  --pith: #fff6cf;
  --leaf: #4e9f3d;
  --zest: #e8633a;
  --blush: #f6c9be;
  --mint: #c4eed0;
  --melon: #ef5b5f;
  --on-fill: #0e1a33;
  --on-fill-muted: #3d4660;
  --glass: rgba(255,255,255,0.74);
  --glass-edge: rgba(255,255,255,0.75);
  --success: #2f7a2b;
  --danger: #b3261e;
  --focus: #2151c1;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px rgba(14,26,51,0.06), 0 12px 32px -12px rgba(14,26,51,0.22);
  --shadow-float: 0 2px 6px rgba(14,26,51,0.08), 0 30px 60px -20px rgba(14,26,51,0.35);
  --font-sans: Figtree, "Avenir Next", "Segoe UI", system-ui, sans-serif;
}