/* ==========================================================================
   Бронировалка — дизайн-токены
   Все значения взяты из макета (канвас «Онбординг мастера», версия от 19.10.2026).
   Базовая ширина макета — 390 px (iPhone 12–15). Вёрстка резиновая до 480 px.
   ========================================================================== */

:root {
  /* ---------- Цвета: бренд ---------- */
  --c-accent:        #5645d4; /* основной фиолетовый: кнопки, активные чипы, переключатели */
  --c-accent-ink:    #4a39c8; /* фиолетовый текст и ссылки (контраст 4.5:1 на белом) */
  --c-accent-hover:  #3b2dad; /* hover ссылок */
  --c-accent-soft:   #ebe8fc; /* фон аватаров, мягких кнопок, бейджа «новый» */
  --c-accent-tint:   #f7f6fd; /* подложка акцентного блока (телефон клиента) */
  --c-accent-line:   #c9c4f2; /* пунктир свободных окон в шахматке */
  --c-on-dark-link:  #c9c2ff; /* «Вернуть» в тёмном тосте */

  --c-sun:           #f9e79f; /* жёлтая точка в логотипе, бейдж «Рекомендуем», счётчик ожидающих */
  --c-sun-ink:       #4d3d00; /* текст на --c-sun */
  --c-sun-bg:        #fffaea; /* плашка «N записей ждут подтверждения» */
  --c-sun-line:      #f2d978; /* рамка этой плашки */
  --c-sun-strong:    #e0b100; /* полоска «ждёт подтверждения» в ленте и шахматке */

  /* ---------- Цвета: нейтральные ---------- */
  --c-ink:           #16151d; /* основной текст */
  --c-ink-2:         #3c3f55; /* иконка замка, вторичный тёмный */
  --c-muted:         #6a6b7e; /* подписи, вторичный текст */
  --c-subtle:        #9a9bab; /* шевроны, иконки «закрыть» */
  --c-placeholder:   #7d7e90; /* плейсхолдеры, текст неактивной кнопки */
  --c-off:           #cfd0dc; /* выключенный переключатель, пунктиры, «ручка» шторки */
  --c-line:          #e4e4ee; /* границы, разделители, фон неактивной кнопки */
  --c-mute-bg:       #ececf2; /* фон тега «отменена» и неактивных иконок */
  --c-bg:            #f4f4f9; /* фон экранов-кабинетов, полей-подложек */
  --c-surface:       #ffffff; /* карточки */

  /* ---------- Цвета: статусы ---------- */
  --c-ok:            #1d7f53; /* «подтверждена», «Запись открыта», хорошая посещаемость */
  --c-ok-soft:       #ddf2e7;
  --c-warn-bg:       #fdf3d6; /* «ждёт подтверждения», «Запись закрыта» */
  --c-warn-ink:      #5c3d00;
  --c-warn-text:     #7a4b00; /* «Не заполнено», предупреждения в подсказках */
  --c-danger:        #b42318; /* ошибки, «Отменить», «Выйти» */
  --c-danger-soft:   #fde7e5;
  --c-badge:         #d92d20; /* красный счётчик на вкладке «Записи» */

  /* ---------- Цвета: сторонние сервисы ---------- */
  --c-vk:            #0077ff;
  --c-yandex:        #16151d;
  --c-telegram:      #2a9fd8;
  --c-max:           #16151d;

  /* ---------- Оверлеи и тени ---------- */
  --c-scrim:         rgba(22, 21, 29, 0.45);
  --shadow-seg:      0 1px 3px rgba(22, 21, 29, 0.12);   /* выбранный сегмент */
  --shadow-knob:     0 1px 3px rgba(22, 21, 29, 0.25);   /* ручка переключателя */
  --shadow-toast:    0 6px 20px rgba(22, 21, 29, 0.25);
  --shadow-fab:      0 8px 20px rgba(86, 69, 212, 0.35);
  --focus-ring:      0 0 0 3px var(--c-accent-soft);

  /* ---------- Типографика ---------- */
  --font-display: 'Unbounded', 'Golos Text', system-ui, sans-serif; /* только заголовки, 600–700 */
  --font-body:    'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-11: 11px; /* подписи, теги, бейджи */
  --fs-12: 12px; /* вторичный текст, мелкие кнопки */
  --fs-13: 13px; /* основной текст списков */
  --fs-14: 14px; /* основной текст, кнопки, имена */
  --fs-15: 15px; /* имя в профиле */
  --fs-16: 16px; /* ПОЛЯ ВВОДА — не меньше 16px, иначе iOS зумит страницу */
  --fs-17: 17px; /* заголовок шторки */
  --fs-19: 19px; /* заголовок вкладки (Записи, Клиенты, Профиль) */
  --fs-20: 20px; /* заголовок шага онбординга */
  --fs-24: 24px; /* заголовок экрана входа */

  --lh-tight: 1.15;
  --lh-text:  1.4;
  --lh-loose: 1.45;
  --ls-display: -0.02em;

  /* ---------- Отступы ---------- */
  --sp-2: 2px;
  --sp-3: 3px;
  --sp-5: 5px;
  --sp-7: 7px;
  --sp-8: 8px;
  --sp-10: 10px;
  --sp-12: 12px;
  --sp-14: 14px;  /* поля экрана кабинета */
  --sp-17: 17px;  /* поля экрана онбординга и шапок */
  --sp-20: 20px;
  --sp-24: 24px;

  /* ---------- Скругления ---------- */
  --r-9: 9px;
  --r-10: 10px;   /* поля времени, мелкие кнопки */
  --r-12: 12px;   /* поля, кнопки 40px, чипы */
  --r-14: 14px;   /* основные кнопки 44–46px, плашки */
  --r-16: 16px;   /* строки ленты, мелкие карточки */
  --r-18: 18px;   /* карточки */
  --r-24: 24px;   /* верх шторки */
  --r-pill: 999px;

  /* ---------- Размеры ---------- */
  --h-btn: 46px;        /* главная кнопка в подвале */
  --h-btn-m: 44px;      /* кнопки действий */
  --h-btn-s: 40px;      /* вторичные кнопки, чипы — минимальная зона нажатия */
  --h-input: 41px;
  --h-appbar: 51px;     /* шапка с «Назад» */
  --h-tab: 44px;        /* пункт нижней навигации */
  --w-max: 480px;       /* максимальная ширина приложения */

  /* ---------- Анимации ---------- */
  --t-fast: 120ms ease;
  --t-sheet: 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}