/**
 * @file: tokens.css
 * @description: Дизайн-токены: палитра, типографика, отступы, радиусы, тени, цвета транспорта.
 * @dependencies: нет
 * @created: 2026-07-30
 */

:root {
  /* Базовая палитра. Контраст текста на фоне проверен на уровень AA. */
  --nl-bg: #0b1120;
  --nl-bg-soft: #111a2e;
  --nl-surface: #16203a;
  --nl-surface-2: #1d2947;
  --nl-surface-3: #26355c;
  --nl-border: #2c3a5f;
  --nl-border-strong: #3d4f7d;

  --nl-text: #f1f5fb;
  --nl-text-muted: #b3c0da;
  --nl-text-dim: #8d9cbb;
  --nl-text-inverse: #0b1120;

  /* Акценты */
  --nl-accent: #4cc9f0;
  --nl-accent-strong: #22a7d0;
  --nl-accent-soft: rgba(76, 201, 240, 0.14);

  --nl-gold: #ffd166;
  --nl-gold-soft: rgba(255, 209, 102, 0.14);

  /* Семантика */
  --nl-ok: #5fd39a;
  --nl-ok-soft: rgba(95, 211, 154, 0.14);
  --nl-warn: #ffb454;
  --nl-warn-soft: rgba(255, 180, 84, 0.14);
  --nl-danger: #ff7a85;
  --nl-danger-soft: rgba(255, 122, 133, 0.14);

  /* Виды транспорта */
  --nl-mode-rail: #7ee0c0;
  --nl-mode-bus: #ffb454;
  --nl-mode-air: #8ab6ff;
  --nl-mode-taxi: #ffe066;
  --nl-mode-pickup: #5fd39a;
  --nl-mode-transit: #c8a2f5;
  --nl-mode-wait: #8d9cbb;
  --nl-mode-stay: #f5a2c8;

  /* Уровни риска */
  --nl-risk-low: var(--nl-ok);
  --nl-risk-medium: var(--nl-warn);
  --nl-risk-high: var(--nl-danger);

  /* Типографика */
  --nl-font: 'Segoe UI', 'Inter', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --nl-font-mono: 'Cascadia Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;

  --nl-fs-3xl: clamp(2rem, 1.3rem + 3vw, 3.4rem);
  --nl-fs-2xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --nl-fs-xl: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
  --nl-fs-lg: 1.125rem;
  --nl-fs-md: 1rem;
  --nl-fs-sm: 0.9375rem;
  --nl-fs-xs: 0.8125rem;
  --nl-fs-2xs: 0.75rem;

  --nl-lh-tight: 1.2;
  --nl-lh-normal: 1.55;

  /* Сетка отступов, шаг 4px */
  --nl-sp-1: 0.25rem;
  --nl-sp-2: 0.5rem;
  --nl-sp-3: 0.75rem;
  --nl-sp-4: 1rem;
  --nl-sp-5: 1.5rem;
  --nl-sp-6: 2rem;
  --nl-sp-7: 3rem;
  --nl-sp-8: 4rem;

  /* Радиусы */
  --nl-radius-sm: 6px;
  --nl-radius-md: 10px;
  --nl-radius-lg: 16px;
  --nl-radius-xl: 24px;
  --nl-radius-pill: 999px;

  /* Тени */
  --nl-shadow-sm: 0 1px 2px rgba(3, 7, 18, 0.4);
  --nl-shadow-md: 0 8px 24px rgba(3, 7, 18, 0.45);
  --nl-shadow-lg: 0 20px 50px rgba(3, 7, 18, 0.55);

  /* Слои */
  --nl-z-base: 1;
  --nl-z-sticky: 20;
  --nl-z-top: 40;

  /* Раскладка */
  --nl-content-max: 1180px;
  --nl-transition: 160ms ease;
}