/* ============================================================
   tokens.css — единственный источник цветов сайта.
   Во всех остальных файлах цвета задаются только через var(--color-*).
   Новые цвета вне палитры не вводить. Контраст пар проверяет check.py.
   ============================================================ */
:root {
  /* Палитра REALM UNLIMITED */
  --color-navy: #0B2545;          /* основной: шапка, футер, тёмные секции, заголовки */
  --color-blue: #13538A;          /* вторичный: ссылки, hover, контурные кнопки, focus */
  --color-teal: #1B998B;          /* только иконки, крупные номера, линии — не мелкий текст */
  --color-teal-soft: #E6F5F3;     /* фон под бирюзовыми иконками */
  --color-accent: #F59E0B;        /* только главные кнопки действия; текст на нём — navy */
  --color-accent-hover: #D98A06;  /* hover главной кнопки */
  --color-bg: #FFFFFF;            /* основной фон, карточки */
  --color-bg-alt: #F4F7FA;        /* чередующиеся секции, фон полей ввода */
  --color-text: #1B2430;          /* основной текст */
  --color-text-muted: #5B6776;    /* второстепенный текст; рамка полей формы */
  --color-border: #E2E8F0;        /* границы карточек, разделители */
  --color-on-dark: #FFFFFF;       /* заголовки на тёмном фоне */
  --color-on-dark-muted: #C9D6E8; /* текст на тёмном фоне */

  /* Производные (без новых цветов: прозрачность от --color-on-dark) */
  --color-on-dark-hover-bg: color-mix(in srgb, var(--color-on-dark) 8%, transparent);  /* hover контурной кнопки на тёмном */
  --color-on-dark-border: color-mix(in srgb, var(--color-on-dark) 40%, transparent);   /* рамка контурной кнопки на тёмном */
  --color-on-dark-divider: color-mix(in srgb, var(--color-on-dark) 15%, transparent);  /* разделители на тёмном */

  /* Шрифты */
  --font-heading: "Manrope", system-ui, sans-serif;
  --font-body: "Onest", system-ui, sans-serif;

  /* Типографика */
  --fs-h1: clamp(34px, 5vw, 58px);
  --fs-h2: clamp(28px, 3.6vw, 42px);
  --fs-h3: 20px;
  --fs-body: clamp(16px, 1.1vw, 18px);
  --fs-small: 14px;
  --lh-heading: 1.12;
  --lh-body: 1.55;

  /* Размеры и отступы */
  --container: 1200px;
  --gutter: 16px;
  --space-section: clamp(56px, 8vw, 104px);
  --radius-card: 16px;
  --radius-field: 10px;
  --radius-btn: 10px;
  --tap-min: 44px;
  --cta-height: 52px;
  --field-height: 48px;
}