/**
 * Дизайн-токены skenar.ru.
 * Единственное место, где заданы цвета, отступы и размеры сайта.
 * В компонентах — только var(--…). Хардкод цвета — ошибка.
 */

:root {
  /* ── Бренд ─────────────────────────────────────────── */
  --color-primary: #1d5ea8;        /* на белом 6.4:1 */
  --color-primary-dark: #164a85;
  --color-primary-light: #e8f0fa;
  --color-accent: #f2a33a;
  --color-accent-dark: #d98a22;
  --color-on-accent: #1f2937;      /* текст на акценте: 8.9:1 */

  /* ── Текст ─────────────────────────────────────────── */
  --color-text: #111827;
  --color-text-soft: #374151;
  --color-text-muted: #5b6575;     /* на белом 5.6:1 */
  --color-text-invert: #ffffff;

  /* ── Поверхности ───────────────────────────────────── */
  --color-surface: #ffffff;
  --color-bg: #f5f7fa;
  --color-bg-strong: #edf1f6;
  --color-dark: #12233a;           /* тёмные секции и подвал */
  --color-dark-soft: #c9d4e3;      /* мелкий текст на тёмном: 9.6:1 */

  /* ── Границы ───────────────────────────────────────── */
  --color-border: #dfe5ed;
  --color-border-strong: #c3cdd9;

  /* ── Статусы ───────────────────────────────────────── */
  --color-success: #0f766e;
  --color-success-bg: #effaf8;
  --color-warning: #8a4b0b;
  --color-warning-bg: #fff7ea;
  --color-warning-border: #f6d7a7;
  --color-danger: #b42318;
  --color-danger-bg: #fef3f2;

  /* ── Типографика ───────────────────────────────────── */
  /* Системный шрифт: без загрузки, быстрее на старых телефонах. */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-sm: 0.9375rem;  /* 15px — меньше не опускаемся, аудитория 45+ */
  --fs-base: 1.125rem; /* 18px */
  --fs-lg: 1.25rem;    /* 20px */
  --fs-xl: 1.5rem;     /* 24px */
  --fs-2xl: 1.875rem;  /* 30px */
  --fs-3xl: 2.25rem;   /* 36px */
  --fs-4xl: 2.75rem;   /* 44px */

  --fw-normal: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-normal: 1.6;

  /* ── Отступы ───────────────────────────────────────── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  /* ── Формы и тени ──────────────────────────────────── */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-card: 0 6px 24px rgb(18 35 58 / 0.08);
  --shadow-strong: 0 14px 40px rgb(18 35 58 / 0.14);

  /* ── Сетка ─────────────────────────────────────────── */
  --container: 1160px;
  --gutter: 16px;
  --tap: 52px;                     /* минимальная высота кнопки */
  --header-h: 72px;
}