/* Generated from the ODVIKU design system tokens.json by tools/build.cjs. Do not edit by hand. */
:root {
  --brand-midnight: #050b14;
  --brand-navy: #0a1830;
  --brand-electric: #2a74ff;
  --brand-azure: #57a6ff;
  --brand-steel: #274d7e;
  --brand-light: #f6faff;
  --brand-slate: #a9b9cd;
  --brand-line: #183452;
  --logo-navy: #0c2441;
  --logo-azure: #598cb8;
  --primary: var(--brand-electric);
  --action: #1f62e8;
  --action-hover: #1a56d6;
  --on-action: #ffffff;
  --font-display: "Sora", "Instrument Sans", system-ui, sans-serif;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --container-max: 1240px;
  --gutter-desktop: 32px;
  --gutter-mobile: 20px;
  --nav-height: 72px;
  --measure: 640px;
  --z-nav: 50;
  --z-flyout: 60;
}
:root, [data-theme="dark"] {
  --bg: var(--brand-midnight);
  --surface: var(--brand-navy);
  --surface-raised: #0e1f3b;
  --surface-inset: #07111f;
  --border: var(--brand-line);
  --border-strong: #2b5a8c;
  --border-control: #3f6c9e;
  --ink: var(--brand-light);
  --ink-muted: var(--brand-slate);
  --ink-subtle: #8397b1;
  --accent: var(--brand-azure);
  --focus-ring: var(--brand-azure);
  --glow: rgba(42, 116, 255, 0.22);
  --glow-core: rgba(87, 166, 255, 0.45);
  --veil: rgba(5, 11, 20, 0.9);
  --success: #3dd68c;
  --warning: #f5b44a;
  --danger: #ff7a6b;
  --shadow-panel: inset 0 1px 0 rgba(246, 250, 255, 0.05), 0 32px 64px -32px rgba(0, 0, 0, 0.7);
  --glow-sm: 0 0 0 1px rgba(87, 166, 255, 0.35), 0 8px 28px -6px rgba(42, 116, 255, 0.55);
  --glow-lg: 0 0 0 1px rgba(87, 166, 255, 0.22), 0 40px 120px -40px rgba(42, 116, 255, 0.55);
}
[data-theme="light"] {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-inset: #edf2f8;
  --border: #d6dfea;
  --border-strong: #b3c2d4;
  --border-control: #7489a4;
  --ink: var(--logo-navy);
  --ink-muted: #44576f;
  --ink-subtle: #5a6c84;
  --accent: #1c5fd4;
  --focus-ring: #1c5fd4;
  --glow: rgba(42, 116, 255, 0.10);
  --glow-core: rgba(87, 166, 255, 0.22);
  --veil: rgba(246, 248, 251, 0.86);
  --success: #12805a;
  --warning: #9a5b00;
  --danger: #c23a2b;
  --shadow-panel: 0 1px 2px rgba(12, 36, 65, 0.06), 0 24px 48px -28px rgba(12, 36, 65, 0.18);
  --glow-sm: 0 0 0 1px rgba(42, 116, 255, 0.25), 0 8px 24px -8px rgba(42, 116, 255, 0.45);
  --glow-lg: 0 0 0 1px rgba(42, 116, 255, 0.18), 0 40px 100px -48px rgba(42, 116, 255, 0.40);
}