/* Homer Design System tokens, generated from tokens.json (v1, synced 2026-10-20). Do not edit by hand.
   Light = Clair (Ultramar), dark = Sombre (Verre). Système follows prefers-color-scheme unless <html data-theme> is set. */
:root {
  --font-sans: Manrope, "SF Pro Text", system-ui, -apple-system, sans-serif;
  --font-serif: Newsreader, "New York", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --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-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --dur-4: 520ms;
  --z-bar: 20;
  --z-drawer: 40;
  --z-sheet: 50;
  --z-toast: 60;
  color-scheme: light;
  --bg: #f8f9ff;
  --surface: #ffffff;
  --surface-2: #eff4ff;
  --glass: rgba(255,255,255,0.72);
  --glass-edge: rgba(14,18,34,0.06);
  --line: #dfe5f2;
  --line-strong: #8e93a8;
  --ink: #0b1c30;
  --ink-2: #444654;
  --ink-3: #5c6072;
  --accent: #1e40c8;
  --accent-fill: #1e40c8;
  --accent-fill-hover: #0a34be;
  --on-accent: #ffffff;
  --accent-soft: #e5eeff;
  --on-accent-soft: #0a34be;
  --gold: #c9a227;
  --aurora-1: #3d63ff;
  --aurora-2: #7a5cff;
  --success: #1d7a45;
  --success-soft: #e3f4ea;
  --warning: #9a5a00;
  --warning-soft: #fdf0dc;
  --danger: #c0352b;
  --danger-soft: #fbe6e4;
  --scrim: rgba(10,15,36,0.32);
  --shadow-sm: 0 1px 2px rgba(14,18,34,0.05), 0 1px 1px rgba(14,18,34,0.03);
  --shadow-md: 0 4px 14px rgba(14,18,34,0.08), 0 1px 3px rgba(14,18,34,0.05);
  --shadow-float: 0 18px 48px rgba(14,18,34,0.16), 0 2px 8px rgba(14,18,34,0.06);
  --shadow-glow: 0 6px 20px rgba(30,64,200,0.28);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1227;
  --surface: #151a30;
  --surface-2: #24293f;
  --glass: rgba(26,34,71,0.55);
  --glass-edge: rgba(255,255,255,0.10);
  --line: #2f344a;
  --line-strong: #8e90a1;
  --ink: #dde1fe;
  --ink-2: #c4c5d8;
  --ink-3: #9a9db0;
  --accent: #b9c3ff;
  --accent-fill: #3d63ff;
  --accent-fill-hover: #5a7bff;
  --on-accent: #ffffff;
  --accent-soft: #24305f;
  --on-accent-soft: #dde1ff;
  --gold: #ebc253;
  --aurora-1: #3d63ff;
  --aurora-2: #7a5cff;
  --success: #4cc98a;
  --success-soft: #143a2a;
  --warning: #f0a94a;
  --warning-soft: #3a2a12;
  --danger: #ff7b70;
  --danger-soft: #3d1a1c;
  --scrim: rgba(0,0,0,0.55);
  --shadow-sm: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 1px 0 rgba(255,255,255,0.06) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-float: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-glow: 0 8px 28px rgba(61,92,240,0.55);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  --bg: #0d1227;
  --surface: #151a30;
  --surface-2: #24293f;
  --glass: rgba(26,34,71,0.55);
  --glass-edge: rgba(255,255,255,0.10);
  --line: #2f344a;
  --line-strong: #8e90a1;
  --ink: #dde1fe;
  --ink-2: #c4c5d8;
  --ink-3: #9a9db0;
  --accent: #b9c3ff;
  --accent-fill: #3d63ff;
  --accent-fill-hover: #5a7bff;
  --on-accent: #ffffff;
  --accent-soft: #24305f;
  --on-accent-soft: #dde1ff;
  --gold: #ebc253;
  --aurora-1: #3d63ff;
  --aurora-2: #7a5cff;
  --success: #4cc98a;
  --success-soft: #143a2a;
  --warning: #f0a94a;
  --warning-soft: #3a2a12;
  --danger: #ff7b70;
  --danger-soft: #3d1a1c;
  --scrim: rgba(0,0,0,0.55);
  --shadow-sm: 0 1px 0 rgba(255,255,255,0.04) inset, 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 1px 0 rgba(255,255,255,0.06) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-float: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-glow: 0 8px 28px rgba(61,92,240,0.55);
  }
}