/* Generated from design/tokens.json. Do not edit this file directly. */
:root,
[data-theme="dark"] {
  --o-radius-xs: 6px;
  --o-radius-sm: 10px;
  --o-radius-md: 14px;
  --o-radius-lg: 18px;
  --o-radius-xl: 24px;
  --o-radius-pill: 999px;
  --o-space-1: 4px;
  --o-space-2: 8px;
  --o-space-3: 12px;
  --o-space-4: 16px;
  --o-space-5: 20px;
  --o-space-6: 24px;
  --o-space-8: 32px;
  --o-space-10: 40px;
  --o-space-12: 48px;
  --o-space-16: 64px;
  --o-motion-instant: 90ms;
  --o-motion-fast: 140ms;
  --o-motion-ui: 220ms;
  --o-motion-layout: 360ms;
  --o-motion-emphasis: 560ms;
  --o-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --o-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --o-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --o-blur-sm: 6px;
  --o-blur-md: 12px;
  --o-blur-lg: 20px;
  --o-glow-1: 0 0 8px;
  --o-glow-2: 0 0 18px;
  --o-glow-3: 0 0 30px;
  --o-bg-canvas: #07090d;
  --o-bg-shell: #0a0d12;
  --o-surface-1: #0e1218;
  --o-surface-2: #131821;
  --o-surface-3: #19202b;
  --o-surface-hover: #1e2633;
  --o-surface-active: #252f3e;
  --o-surface-overlay: #111722;
  --o-text-primary: #f4f7fb;
  --o-text-secondary: #b0bac8;
  --o-text-tertiary: #7e8998;
  --o-text-disabled: #5c6675;
  --o-text-inverse: #10141b;
  --o-border-subtle: rgb(255 255 255 / 0.07);
  --o-border-default: rgb(255 255 255 / 0.11);
  --o-border-strong: rgb(255 255 255 / 0.18);
  --o-border-focus: #af87f5;
  --o-accent: #8447f0;
  --o-accent-rgb: 132,71,240;
  --o-accent-hover: #9864f2;
  --o-accent-pressed: #6f3cca;
  --o-accent-cyan: #49cff5;
  --o-accent-violet: #a978ff;
  --o-accent-magenta: #d66cff;
  --o-accent-magenta-rgb: 214, 108, 255;
  --o-success: #42d392;
  --o-warning: #f2b84b;
  --o-danger: #ff5a72;
  --o-info: #5a9cff;
  --o-signal-blue: #5a9cff;
  --o-signal-cyan: #49cff5;
  --o-signal-violet: #9b7cff;
  --o-signal-magenta: #d66cff;
  --o-signal-red: #ff5a72;
  --o-signal-green: #42d392;
  --o-signal-amber: #f2b84b;
  --o-overlay-scrim: rgb(0 0 0 / 0.62);
  --o-overlay-soft: rgb(5 8 13 / 0.72);
  --o-header-bg: rgb(10 13 18 / 0.9);
  --o-media-overlay-strong: rgb(7 9 13 / 0.95);
  --o-media-overlay-soft: rgb(7 9 13 / 0.32);
  --o-shadow-color: rgb(0 0 0 / 0.28);
  --o-glow-color: rgb(124 131 255 / 0.3);
}

[data-theme="light"] {
  --o-bg-canvas: #f4f6f9;
  --o-bg-shell: #f8fafc;
  --o-surface-1: #fbfcfe;
  --o-surface-2: #f0f3f7;
  --o-surface-3: #e8edf3;
  --o-surface-hover: #e3e9f1;
  --o-surface-active: #dce4ee;
  --o-surface-overlay: #fbfcfe;
  --o-text-primary: #10141b;
  --o-text-secondary: #495465;
  --o-text-tertiary: #5f6b7b;
  --o-text-disabled: #828d9c;
  --o-text-inverse: #f4f7fb;
  --o-border-subtle: rgb(16 20 27 / 0.08);
  --o-border-default: rgb(16 20 27 / 0.13);
  --o-border-strong: rgb(16 20 27 / 0.22);
  --o-border-focus: #6c3ac5;
  --o-accent: #6c3ac5;
  --o-accent-rgb: 108,58,197;
  --o-accent-hover: #5f33ad;
  --o-accent-pressed: #522c96;
  --o-accent-cyan: #007fa9;
  --o-accent-violet: #7651c8;
  --o-accent-magenta: #a63ac5;
  --o-accent-magenta-rgb: 166, 58, 197;
  --o-success: #147a55;
  --o-warning: #8a6100;
  --o-danger: #c23b52;
  --o-info: #275bc0;
  --o-signal-blue: #275bc0;
  --o-signal-cyan: #007fa9;
  --o-signal-violet: #7651c8;
  --o-signal-magenta: #a63ac5;
  --o-signal-red: #c23b52;
  --o-signal-green: #147a55;
  --o-signal-amber: #8a6100;
  --o-overlay-scrim: rgb(16 20 27 / 0.38);
  --o-overlay-soft: rgb(244 246 249 / 0.78);
  --o-header-bg: rgb(248 250 252 / 0.92);
  --o-media-overlay-strong: rgb(7 9 13 / 0.9);
  --o-media-overlay-soft: rgb(7 9 13 / 0.28);
  --o-shadow-color: rgb(24 35 52 / 0.1);
  --o-glow-color: rgb(92 99 232 / 0.16);
}