/* ─────────────────────────────────────────────────────────────────────────
   FC Unibars Design Tokens
   Источник: docs/common/10-design.md, Figma fileKey tpNSjOMmEMJNq9BFk1NCKX
   ───────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Шрифтовые семейства ─────────────────────────────────────────────── */

  --font-heading:      'Roboto', sans-serif;
  --font-body:         'Inter', sans-serif;
  --font-notification: 'Montserrat', sans-serif;


  /* ── Цветовая палитра ───────────────────────────────────────────────── */

  /* Фоны и поверхности */
  --color-surface:     #FFFFFF;
  --color-surface-alt: #EFEFEF;
  --color-bg-dark-1:   #071D36;
  --color-bg-dark-2:   #082E5A;
  --color-dark:        #09223B;

  /* Основной (красный) */
  --color-primary:          #E21D24;
  --color-primary-hover:    #FF3B3E;
  --color-primary-active:   #98040C;
  --color-primary-disabled: #5A5A5A;

  /* Акцент (метки секций, бейджи дат) */
  --color-accent: #D32F2F;

  /* Текст */
  --color-text:         #111111;
  --color-text-2:       #1A1A1A;
  --color-text-on-dark: #FFFFFF;
  --color-text-muted:   rgba(255, 255, 255, 0.7);

  /* UI-элементы */
  --color-placeholder:       #D9D9D9;
  --color-border:            #D9D9D9;
  --color-input-placeholder: #5A5A5A;

  /* Семантические */
  --color-success: #08CA1B;
  --color-warning: #CA9308;
  --color-error:   #BB080B;


  /* ── Радиусы скругления ─────────────────────────────────────────────── */

  --radius-button:           16px;
  --radius-button-secondary: 28px;
  --radius-card:             24px;
  --radius-card-lg:          32px;
  --radius-badge:             8px;
  --radius-badge-status:      4px;
  --radius-input:             8px;
  --radius-toast:            12px;
  --radius-icon-btn:         12px;


  /* ── Отступы (база 4 px) ────────────────────────────────────────────── */

  --space-1:   4px;
  --space-2:   8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;
  --space-16: 64px;


  /* ── Типографическая шкала ──────────────────────────────────────────── */
  /* Соответствие Figma UI-kit node-id 66:1163 */

  --text-h1:       98px;   /* header 1: Roboto Bold */
  --text-h2:       48px;   /* header 2: Roboto Bold */
  --text-h3-inter: 42px;   /* header 2 (Inter): Inter SemiBold */
  --text-h3:       20px;   /* header 3: Inter SemiBold */
  --text-main:     24px;   /* main text: Inter Regular/Medium */
  --text-main-2:   18px;   /* main text 2: Inter Regular/Light */
  --text-ui:       20px;   /* ссылки, кнопки, расписание */
  --text-nav:      16px;   /* навигация, мелкие кнопки */
  --text-badge:    14px;   /* статус-бейджи */
  --text-xs:       12px;   /* сноски, копирайт */


  /* ── Макет и сетка ──────────────────────────────────────────────────── */
  /* Источник: Figma UI-kit node-id 10:39 */

  --layout-max-width:      1440px;
  --layout-gutter-desktop: 120px;
  --layout-gutter-tablet:   32px;
  --layout-gutter-mobile:   16px;
  --layout-gap:             20px;

  /* Breakpoints (справочные значения; в media queries использовать литералы) */
  --bp-desktop: 1440px;
  --bp-tablet:   768px;
  --bp-mobile:   375px;


  /* ── Тени ───────────────────────────────────────────────────────────── */

  --shadow-sm:       0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md:       0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-lg:      0 10px 15px rgba(0, 0, 0, 0.10), 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-dropdown: 0 25px 25px rgba(0, 0, 0, 0.25);
  --shadow-card:      0 6px 15px rgba(0, 0, 0, 0.10);


  /* ── Переходы ───────────────────────────────────────────────────────── */

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;


  /* ── Z-индексы ──────────────────────────────────────────────────────── */

  --z-base:     0;
  --z-above:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;
}