/* tokens.css — единственное место для значений дизайн-системы.
   Токены выведены в DESIGN.md на Gate 2.5: harvest трёх конкурентов
   (buh.ua, l.platinumfinance.com.ua, krislex-ao.com) + inspiration stripe и wise
   + гео-вектор по RULE-THEMATIC-DESIGN (флаг Украины).
   Обоснование каждого решения и атрибуция паттернов — в DESIGN.md.
   Компоненты обязаны читать только переменные отсюда, без хардкода значений. */

:root {
  /* --- Текст. Угольный, не чёрный и не флаговый (RULE-THEMATIC-DESIGN). --- */
  --color-ink:            oklch(23.1% 0.014 267); /* #1A1D24  16.9:1 на белом */
  --color-ink-secondary:  oklch(38.5% 0.024 263); /* #3D4451 */
  --color-ink-muted:      oklch(55.1% 0.023 264); /* #6B7280  4.83:1, проходит AA */
  --color-ink-inverse:    oklch(100% 0 90);       /* #FFFFFF */

  /* --- Поверхности --- */
  --color-bg:             oklch(98.1% 0.005 258); /* #F7F9FC  фон страницы */
  --color-surface:        oklch(100% 0 90);       /* #FFFFFF  карточки, шапка */
  --color-bridge:         oklch(97.7% 0.010 87);  /* #FAF7F0  нейтральный мост, тёплая полоса */
  --color-border:         oklch(92.9% 0.010 253); /* #E3E8EE */
  --color-border-strong:  oklch(86.9% 0.019 251); /* #CBD5E0  границы полей */

  /* --- Гео-акцент: флаг Украины. ТОЛЬКО интерактив, не более 5% площади экрана. --- */
  --color-accent:         oklch(47.3% 0.168 257); /* #0057B7  6.89:1 на белом */
  --color-accent-hover:   oklch(38.4% 0.136 257); /* #00408A */
  --color-accent-soft:    oklch(94.6% 0.016 254); /* #E6EEF8  заливка бейджей */

  /* ВНИМАНИЕ: контраст жёлтого на белом 1.40:1. Он НИКОГДА не несёт текст
     и НИКОГДА не бывает фоном под текстом. Только неинформационная плашка:
     подчёркивание активной вкладки, маркер, тонкая полоса. */
  --color-flag-yellow:    oklch(88.7% 0.182 95);  /* #FFD700 */

  /* --- Семантика --- */
  --color-success:        oklch(53.0% 0.116 156); /* #1E7F4F  галочки состава пакета */
  --color-danger:         oklch(51.7% 0.166 28);  /* #B4342B  ошибки формы */
  --color-danger-soft:    oklch(95.0% 0.030 28);  /* фон сообщения об ошибке */
  --color-focus:          oklch(62.6% 0.137 244); /* #2B8FD4  кольцо фокуса */

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

  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-4xl:  3rem;

  --leading-tight: 1.2;
  --leading-snug:  1.4;
  --leading-body:  1.65;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* --- Ритм --- */
  --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: 4rem;
  --space-9: 6rem;

  /* --- Форма. Между острыми 2px у buh.ua и мягкими 24px у platinum. --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Тень заимствована у platinum: rgba(18,44,77,0.06) 0 4px 14px */
  --shadow-sm: 0 1px 2px oklch(23.1% 0.014 267 / 0.05);
  --shadow-md: 0 4px 14px oklch(23.1% 0.014 267 / 0.06);

  /* --- Раскладка --- */
  --container-max: 1160px;
  --container-pad: var(--space-4);
  --header-height: 72px;

  /* --- Движение --- */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}

@media (min-width: 768px) {
  :root {
    --container-pad: var(--space-6);
  }
}