/* AIVEXA tokens — СГЕНЕРИРОВАНО scripts/build-tokens.mjs из tokens/tokens.json. Руками не править. */
/* Подключение: <link rel=stylesheet href="https://test-design.aivexa.pro/aivexa/tokens.css">; тёмная тема — class="dark" или data-theme="dark" на <html>. */

:root {
  --radius: 0.75rem;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 32px;
  --radius-pill: 9999px;
  --font-sans: 'Golos Text', 'Golos Text Variable', ui-sans-serif, system-ui, sans-serif;
  --type-display: 600 42px/50.4px var(--font-sans);
  --type-landing-h1: 500 48px/58px var(--font-sans);
  --type-title: 500 24px/28.8px var(--font-sans);
  --type-subtitle: 500 20px/24px var(--font-sans);
  --type-numbers: 600 20px/24px var(--font-sans);
  --type-text-lg: 400 16px/19.2px var(--font-sans);
  --type-text-medium: 500 16px/28px var(--font-sans);
  --type-text: 400 14px/16.8px var(--font-sans);
  --type-text-strong: 600 14px/16.8px var(--font-sans);
  --type-button: 500 14px/16.8px var(--font-sans);
  --type-caption: 400 12px/14.4px var(--font-sans);
  --type-caption-strong: 600 12px/14.4px var(--font-sans);
  --type-micro: 400 10px/12px var(--font-sans);
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-30: 30px;
  --space-38: 38px;
  --bp-mobile: 360px;
  --bp-tablet: 768px;
  --bp-desktop: 1280px;
  --bp-landing: 1440px;
  --bp-app: 1480px;
  --container: 1280px;
  --sidebar-width: 291px;
  --sidebar-width-collapsed: 69px;
  --control-height: 44px;
  --gradient-brand: linear-gradient(90deg, #9AA3FF 0%, #6E48E4 100%);
  --gradient-glow-dark: radial-gradient(40% 55% at 70% 50%, rgb(79 31 229 / 0.6) 0%, rgb(79 31 229 / 0) 100%);
  --gradient-glow-landing: radial-gradient(55% 70% at 57% 45%, rgb(90 69 255 / 0.15) 0%, rgb(90 69 255 / 0) 100%);
  --gradient-wave-light: radial-gradient(60% 50% at 0% 0%, #CED6F0 0%, rgb(206 214 240 / 0) 70%), radial-gradient(35% 40% at 92% 22%, #C5E0F7 0%, rgb(197 224 247 / 0) 75%), radial-gradient(28% 18% at 78% 36%, #CBD1F5 0%, rgb(203 209 245 / 0) 80%), radial-gradient(45% 22% at 35% 70%, #CCD6F6 0%, rgb(204 214 246 / 0) 80%), radial-gradient(30% 30% at 0% 100%, #D9EFF8 0%, rgb(217 239 248 / 0) 80%), #FBFBFA;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --background: #FBFBFB;
  --foreground: #272728;
  --card: #FFFFFF;
  --card-foreground: #272728;
  --popover: #FFFFFF;
  --popover-foreground: #272728;
  --primary: #4F1FE5;
  --primary-foreground: #FFFFFF;
  --primary-hover: #9AA3FF;
  --primary-active: #3E2FB8;
  --secondary: #F8F7FF;
  --secondary-foreground: #4F1FE5;
  --muted: #F5F5F5;
  --muted-foreground: #A5A2B8;
  --accent: #F8F7FF;
  --accent-foreground: #4F1FE5;
  --destructive: #FC3A3A;
  --destructive-subtle: rgb(252 58 58 / 0.302);
  --success: #5AD834;
  --success-subtle: rgb(90 216 52 / 0.2);
  --warning: #FBBF24;
  --warning-subtle: rgb(251 191 36 / 0.302);
  --notification: #B42318;
  --disabled: #E6E7EB;
  --disabled-foreground: #727272;
  --text-secondary: #565656;
  --icon: #727272;
  --logo: #48484C;
  --border: #EDEDED;
  --input: #D9D9D9;
  --field: #FFFFFF;
  --ring: #9AA3FF;
  --glass: rgb(165 162 184 / 0.2);
  --glass-border: #FFFFFF;
  --sidebar: #F8F7FF;
  --sidebar-foreground: #A5A2B8;
  --sidebar-primary: #4F1FE5;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #FFFFFF;
  --sidebar-accent-foreground: #4F1FE5;
  --sidebar-border: rgb(165 162 184 / 0.4);
  --sidebar-ring: #9AA3FF;
  --chart-1: #4F1FE5;
  --chart-2: #9AA3FF;
  --chart-3: #A5A2B8;
  --chart-4: #5AD834;
  --bubble: rgb(217 217 217 / 0.4);
  --surface-border: rgb(165 162 184 / 0.502);
  --segment-border: rgb(215 213 227 / 0.302);
  --overlay: rgb(6 11 17 / 0.502);
  --theme-sun: #FAAD31;
  --theme-moon: #5A45FF;
  --theme-idle: #FFFFFF;
  --sidebar-label: #565656;
  --chart-5: #FBBF24;
  --elevation-card: 0 0 8.9px 0 rgb(0 0 0 / 0.039);
  --elevation-float: -1px 1px 8.9px 0 rgb(0 0 0 / 0.071);
  --elevation-menu: 0 0 11.8px 0 rgb(0 0 0 / 0.051);
  --elevation-popover: 2px 0 12.4px 0 rgb(0 0 0 / 0.059);
  --elevation-glass: 0 1px 10.1px 0 rgb(0 0 0 / 0.071);
  --elevation-tab: 0 0 3.3px 0 rgb(39 39 40 / 0.09);
  --elevation-strong: -1px 1px 8.2px 0 rgb(0 0 0 / 0.149);
  --elevation-dropdown: 0 0 11.8px 0 rgb(0 0 0 / 0.059);
  --elevation-tooltip: 0 0 8.9px 0 rgb(0 0 0 / 0.059);
  --elevation-glow: 0 4px 30px 0 rgb(90 69 255 / 0.102);
}

.dark,
[data-theme="dark"] {
  color-scheme: dark;
  --background: #0F120E;
  --foreground: #FBFBFB;
  --card: #1A1D1A;
  --card-foreground: #FBFBFB;
  --popover: #1A1D1A;
  --popover-foreground: #FBFBFB;
  --primary: #4F1FE5;
  --primary-foreground: #FFFFFF;
  --primary-hover: #9AA3FF;
  --primary-active: #3E2FB8;
  --secondary: #272728;
  --secondary-foreground: #9AA3FF;
  --muted: #272728;
  --muted-foreground: #A5A2B8;
  --accent: #272728;
  --accent-foreground: #9AA3FF;
  --destructive: #FC3A3A;
  --destructive-subtle: rgb(252 58 58 / 0.302);
  --success: #5AD834;
  --success-subtle: rgb(90 216 52 / 0.302);
  --warning: #FBBF24;
  --warning-subtle: rgb(251 191 36 / 0.302);
  --notification: #B42318;
  --disabled: #272728;
  --disabled-foreground: #727272;
  --text-secondary: #D9D9D9;
  --icon: #A5A2B8;
  --logo: #FFFFFF;
  --border: rgb(255 255 255 / 0.102);
  --input: #565656;
  --field: #1A1D1A;
  --ring: #9AA3FF;
  --glass: rgb(6 11 17 / 0.8);
  --glass-border: #23282D;
  --sidebar: #0A1020;
  --sidebar-foreground: #A5A2B8;
  --sidebar-primary: #4F1FE5;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #272728;
  --sidebar-accent-foreground: #FBFBFB;
  --sidebar-border: rgb(255 255 255 / 0.102);
  --sidebar-ring: #9AA3FF;
  --chart-1: #9AA3FF;
  --chart-2: #4F1FE5;
  --chart-3: #A5A2B8;
  --chart-4: #5AD834;
  --bubble: #272728;
  --surface-border: rgb(255 255 255 / 0.102);
  --segment-border: rgb(255 255 255 / 0.102);
  --overlay: rgb(6 11 17 / 0.502);
  --theme-sun: #FAAD31;
  --theme-moon: #5A45FF;
  --theme-idle: #23282D;
  --sidebar-label: #A5A2B8;
  --chart-5: #FBBF24;
  --elevation-card: 0 0 8.9px 0 rgb(0 0 0 / 0.039);
  --elevation-float: -1px 1px 8.9px 0 rgb(0 0 0 / 0.059);
  --elevation-menu: 0 0 11.8px 0 rgb(0 0 0 / 0.051);
  --elevation-popover: -1px 1px 8.9px 0 rgb(0 0 0 / 0.059);
  --elevation-glass: 0 1px 10.1px 0 rgb(0 0 0 / 0.071);
  --elevation-tab: 0 0 3.3px 0 rgb(39 39 40 / 0.09);
  --elevation-strong: -1px 1px 8.2px 0 rgb(0 0 0 / 0.149);
  --elevation-dropdown: 0 0 11.8px 0 rgb(0 0 0 / 0.059);
  --elevation-tooltip: 0 0 8.9px 0 rgb(0 0 0 / 0.059);
  --elevation-glow: 0 0 20px 0 rgb(90 69 255 / 0.2);
}

:root {
  --shadow-card: var(--elevation-card);
  --shadow-float: var(--elevation-float);
  --shadow-menu: var(--elevation-menu);
  --shadow-popover: var(--elevation-popover);
  --shadow-glass: var(--elevation-glass);
  --shadow-tab: var(--elevation-tab);
  --shadow-strong: var(--elevation-strong);
  --shadow-dropdown: var(--elevation-dropdown);
  --shadow-tooltip: var(--elevation-tooltip);
  --shadow-glow: var(--elevation-glow);
}