/*
 * Токены дизайна Gotdata — зеркало приложения.
 *
 * Источники (приложение Gotdata, репозиторий ../urt-mobile):
 *   - шкала NAVY и семантические значения темы — src/colors.js (LIGHT)
 *   - SPACE / RADIUS / TYPE / DURATION / EASING / PRESS — src/app/theme/tokens.js
 *
 * Правило приложения: поверхности, чернила и границы — только из нейтральной шкалы; декоративного
 * акцентного цвета нет, иерархию несут чернила и вес. Цвет остаётся только у смысловых состояний.
 * Значение не задаётся литералом на страницах: страницы читают переменные отсюда.
 */

:root {
  /* --- Шкала NAVY (src/colors.js) --- */
  --navy-900: #08111c;
  --navy-800: #0e1b2c;
  --navy-700: #16283e;
  --navy-600: #1f3550;
  --navy-500: #2c4767;
  --navy-400: #47648a;
  --navy-300: #7a93b0;
  --navy-200: #b4c4d6;
  --navy-100: #dce5ef;
  --navy-50: #f7f8fa;

  /* --- Семантические поверхности и чернила (src/colors.js, тема LIGHT) --- */
  --background: #ffffff;
  --surface: #f5f6f8;
  --surface-muted: #eff1f4;
  --surface-strong: #e8eaee;
  --border: #d3d7de;
  --border-strong: #b4c4d6;
  --ink: #14161a;
  --ink-muted: #5b626c;
  --ink-inverse: #ffffff;
  --shadow: 0 1px 2px rgb(11 13 16 / 6%), 0 8px 24px rgb(11 13 16 / 8%);

  /* --- Смысловые состояния (src/colors.js, тема LIGHT) --- */
  --state-invalid: #c0453c;
  --state-valid: #3f7a52;
  --state-info: #2c4767;
  --state-warning: #8a6d3b;

  /* --- Отступы: лестница 4/8 (src/app/theme/tokens.js, SPACE) --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --space-xxxl: 32px;
  --space-section: 48px;

  /* --- Радиусы (src/app/theme/tokens.js, RADIUS) --- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-control: 16px;
  --radius-card: 20px;
  --radius-sheet: 24px;

  /* --- Типографика: ограниченная шкала (src/app/theme/tokens.js, TYPE) --- */
  --type-hero: 40px;
  --type-display: 30px;
  --type-title: 24px;
  --type-subhead: 20px;
  --type-heading: 18px;
  --type-body: 15px;
  --type-label: 12px;
  --type-caption: 11px;
  --type-micro: 10px;

  /* --- Шрифт: в приложении кастомных шрифтов нет, только системный --- */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;

  /* --- Движение (src/app/theme/tokens.js, DURATION / EASING / PRESS) --- */
  --duration-press: 120ms;
  --duration-fade: 120ms;
  --duration-enter: 200ms;
  --duration-exit: 150ms;
  --easing-enter: cubic-bezier(0.23, 1, 0.32, 1);
  --easing-exit: cubic-bezier(0.68, 0, 0.77, 0);
  --easing-standard: cubic-bezier(0.77, 0, 0.175, 1);
  --press-scale: 0.97;
  --press-opacity: 0.85;

  /* --- Раскладка --- */
  --measure: 1120px;
  --measure-narrow: 720px;
}