/* Dribble Collect — CSS variables from tokens.json (light theme only) */
:root, [data-theme="light"] {
  --canvas: #ffffff;
  --surface: #f1f5f9;
  --surface-tint: #e0e7ff;
  --primary: #15296b;
  --primary-pressed: #0e1c4d;
  --plum: #642b71;
  --plum-deep: #472b6f;
  --hero-start: var(--plum);
  --hero-end: var(--primary);
  --ink: #0f172a;
  --ink-soft: #475569;
  --ink-faint: #64748b;
  --line: #cbd5e1;
  --line-easy: #94a3b8;
  --on-dark: #ffffff;
  --on-dark-soft: #e0e7ff;
  --on-dark-muted: #c7d2fe;
  --on-dark-track: rgba(255,255,255,0.18);
  --success: #15803d;
  --success-bg: #f0fdf4;
  --success-ink: #166534;
  --alert: #b91c1c;
  --warmth: #fde68a;
  --shadow-thumb: 0 2px 10px rgba(15,23,42,0.18);
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --radius-track: 6px; --radius-inner: 16px; --radius-card: 24px; --radius-pill: 999px;
  --tap-min: 48px; --tap-easy: 56px; --button-height: 56px; --button-height-easy: 64px; --thumb: 44px; --ring-hero: 96px; --rail: 40px; --rail-inset: 20px;
  --font-display: Figtree, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
}