/* Дизайн-токены ЛК Alpineservice — из design/README.md (макеты v2, HTML-прототип). */
:root {
  /* палитра */
  --bg: #F6F7F9;
  --surface: #FFFFFF;
  --border: #E4E7EC;
  --border-strong: #D0D5DD;
  --text: #101828;
  --text-secondary: #475467;
  --text-muted: #667085;
  --accent: #0E7C66;
  --accent-dark: #0A6353;
  --accent-soft: #ECFDF5;
  --accent-soft-border: #A7F3D0;
  --error: #B42318;
  --error-bg: #FEF3F2;
  --warn-bg: #FFFAEB;
  --warn-border: #FEC84B;
  --warn-text: #B54708;

  /* сетка */
  --page-pad: 84px;      /* поля страницы, десктоп */
  --content: 1272px;     /* 12 колонок по 84 + 11 гаттеров по 24 */
  --col: 84px;
  --gutter: 24px;
  --col-8: 840px;        /* левая колонка дашборда */
  --col-4: 408px;        /* правая колонка дашборда */
  --col-6: 624px;        /* карточка формы */

  /* радиусы */
  --r-card: 16px;
  --r-control: 8px;
  --r-alert: 12px;
  --r-pill: 999px;

  /* размеры контролов */
  --btn-h: 48px;
  --field-h: 48px;
  --tap: 44px;

  /* типографика */
  --font-family: 'Inter', 'DejaVu Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* тень карточки */
  --shadow-card: 0 6px 16px rgba(16, 24, 40, 0.06);
}