/* ============================================================
   СГЕНЕРИРОВАНО АВТОМАТИЧЕСКИ — не редактировать вручную!
   Источник: designsystem/tokens.json
   Команда: node designsystem/generate.mjs
   ============================================================ */

:root {
  /* Цвета (light) */
  --smartex-primary: #2F5CFF;
  --smartex-primary-dark: #1E45E0;
  --smartex-primary-light: #EAF0FF;
  --smartex-secondary: #00B87E;
  --smartex-dark: #0B0E14;
  --smartex-gray600: #5B6472;
  --smartex-gray200: #E3E8F0;
  --smartex-white: #FFFFFF;
  --smartex-background: #F5F7FB;
  --smartex-surface: #FFFFFF;
  --smartex-border: #E3E8F0;
  --smartex-text-primary: #0F172A;
  --smartex-text-secondary: #5B6472;
  --smartex-success: #16A34A;
  --smartex-warning: #F59E0B;
  --smartex-error: #E5484D;
  --smartex-info: #3B82F6;
  --smartex-inactive: #A6AEBC;
  --smartex-blue-light: #EAF0FF;
  --smartex-green-light: #E6F9F1;
  --smartex-yellow-light: #FEF5E7;
  --smartex-red-light: #FDECEC;
  --smartex-purple-light: #F2ECFE;
  --smartex-teal-light: #E5FAF6;
  --smartex-lead-new: #2F5CFF;
  --smartex-lead-hot: #EE4D2D;
  --smartex-lead-partner: #7C3AED;
  --smartex-lead-deferred: #D98A06;
  --smartex-lead-rejected: #6B7280;
  --smartex-ai: #7C5CFC;
  --smartex-brand-gradient-start: #2F5CFF;
  --smartex-brand-gradient-end: #8B2FE8;
  --smartex-hero-gradient-start: #2F5CFF;
  --smartex-hero-gradient-end: #8B2FE8;
  --smartex-secondary-dark: #0A8F63;

  /* Отступы */
  --smartex-spacing-xxs: 4px;
  --smartex-spacing-xs: 8px;
  --smartex-spacing-s: 12px;
  --smartex-spacing-m: 16px;
  --smartex-spacing-l: 20px;
  --smartex-spacing-xl: 24px;
  --smartex-spacing-xxl: 32px;
  --smartex-spacing-xxxl: 40px;
  --smartex-spacing-huge: 48px;
  --smartex-spacing-giant: 64px;
  --smartex-spacing-screen-horizontal: 16px;

  /* Радиусы */
  --smartex-radius-xs: 4px;
  --smartex-radius-s: 8px;
  --smartex-radius-m: 12px;
  --smartex-radius-l: 16px;
  --smartex-radius-xl: 24px;
  --smartex-radius-full: 9999px;
  --smartex-control-button-height-small: 36px;
  --smartex-control-button-height-medium: 44px;
  --smartex-control-button-height-large: 52px;
  --smartex-control-button-padding-small: 14px;
  --smartex-control-button-padding-medium: 18px;
  --smartex-control-button-padding-large: 20px;
  --smartex-control-button-icon-small: 15px;
  --smartex-control-button-icon-medium: 17px;
  --smartex-control-button-icon-large: 18px;
  --smartex-control-field-height: 52px;
  --smartex-control-row-height: 56px;
  --smartex-control-action-row-icon: 34px;
}

.dark {
  /* Цвета (dark) */
  --smartex-primary: #6B8CFF;
  --smartex-primary-dark: #4A6FFF;
  --smartex-primary-light: #17223F;
  --smartex-secondary: #2BD79B;
  --smartex-dark: #F0F2F5;
  --smartex-gray600: #98A2B3;
  --smartex-gray200: #263041;
  --smartex-white: #1A2030;
  --smartex-background: #0B0E14;
  --smartex-surface: #151A24;
  --smartex-border: #263041;
  --smartex-text-primary: #EEF1F7;
  --smartex-text-secondary: #98A2B3;
  --smartex-success: #4ADE80;
  --smartex-warning: #FBBF24;
  --smartex-error: #FF7B7E;
  --smartex-info: #60A5FA;
  --smartex-inactive: #5B6472;
  --smartex-blue-light: #17223F;
  --smartex-green-light: #0E2C21;
  --smartex-yellow-light: #2E2410;
  --smartex-red-light: #331516;
  --smartex-purple-light: #221540;
  --smartex-teal-light: #0C2B26;
  --smartex-lead-new: #6B8CFF;
  --smartex-lead-hot: #FF7A56;
  --smartex-lead-partner: #9D74F8;
  --smartex-lead-deferred: #F5B723;
  --smartex-lead-rejected: #7C8798;
  --smartex-ai: #9D8CFF;
  --smartex-brand-gradient-start: #5B7FFF;
  --smartex-brand-gradient-end: #A96BFF;
  --smartex-hero-gradient-start: #2547C9;
  --smartex-hero-gradient-end: #6B1FB8;
  --smartex-secondary-dark: #6FE7B6;
}