/* ДоброВет — токены.
   Источник: .tastemaker/style-lock.md (палитра снята с референсов, контраст проверен).
   НЕ добавлять оттенок без пересчёта контраста и записи в контракт. */

:root {
  /* --- цвет --- */
  --ink:          #131A2E;  /* основной текст, тёмная панель */
  --paper:        #FFFFFF;
  --surface:      #F2F4F8;
  --border:       #DDE3EC;
  --muted:        #5A6478;  /* вторичный текст на светлом, 5.95:1 к paper */

  --primary:      #015BF9;  /* синий: и кнопка, и заливка целых секций */
  --on-primary:   #FFFFFF;
  /* Синий для тёмной панели. #4D8BFF давал 4.38 на полупрозрачной плашке
     .contacts__block (белый 7% поверх panel) — ниже порога 4.5. Осветлён. */
  --primary-lift: #5C95FF;

  /* Граница интерактивного контрола. --border (#DDE3EC) для этой роли
     не годится: 1.29 на белом и 1.17 на surface — рамка чекбокса и
     ghost-кнопки просто не видны (WCAG 1.4.11 требует 3.0). */
  --control-line: #7E8798;

  /* Цвет фокус-кольца. Наследуется: секция или карточка переопределяет его
     под свою поверхность. Лайм-кольцо на лайме и на светлом — невидимо. */
  --focus:        var(--primary);

  /* Ошибка формы. Живёт ТОЛЬКО на светлой карточке записи (paper 6.01,
     surface 5.45). На тёмной панели даёт 2.88 — туда не ставить. */
  --danger:       #C4123B;

  --accent:       #C8F135;  /* лайм: ТОЛЬКО заливка, никогда не текст на светлом */
  --on-accent:    #131A2E;

  --panel:        #131A2E;
  --on-panel:     #FFFFFF;
  --panel-muted:  #A8B2C6;  /* вторичный текст на панели, 8.11:1 */

  /* Легальные пары (пересчитано 2026-08-27, см. .tastemaker/style-lock.md):
     ink/paper 17.29 · ink/surface 15.70 · ink/accent 13.24 · muted/paper 5.95
     primary/paper 5.43 · on-primary/primary 5.43 · primary/surface 4.93
     on-panel/panel 17.29 · accent/panel 13.24 · primary-lift/panel 5.92
     panel-muted/panel 8.11 · muted/surface 5.40
     Полупрозрачные плашки на panel (color-mix с on-panel):
     on-panel/panel+10% 12.94 · panel-muted/panel+7% 6.68 · primary-lift/panel+7% 4.88
     Кнопка на панели: ink/primary-lift 5.92
     danger/paper 6.01 · danger/surface 5.45
     Маркеры-номера в плитках и карточках (opacity 0.7 к своей подложке):
     ink/paper 6.41 · ink/accent 5.73 · on-panel/panel 8.94
     (on-primary/primary при 0.7 даёт 3.40 — на синем номер идёт в полную силу, 5.43)
     UI-safe (≥3.0): primary/border 4.21 · primary/accent 4.16 · ink/primary 3.18
                     control-line/paper 3.62 · control-line/surface 3.28
     Фокус-кольцо: primary/surface 4.93 · primary/paper 5.43 ·
                   accent/panel 13.24 · ink/accent 13.24 · ink/paper 17.29
     ЗАПРЕЩЕНО: accent текстом на paper (1.31) и на surface (1.19);
                accent фокус-кольцом на accent (1.00), на paper (1.31), на surface (1.19);
                primary на panel (3.18 — только крупный кегль) — брать primary-lift;
                ink мелким текстом на primary (3.18) — только крупный кегль;
                border как граница контрола (1.29 / 1.17) — брать control-line. */

  /* --- шкала отступов --- */
  --s1: 4px;   --s2: 8px;   --s3: 12px;  --s4: 16px;
  --s6: 24px;  --s8: 32px;  --s12: 48px; --s16: 64px;
  --s24: 96px; --s32: 128px; --s40: 160px; --s48: 192px;

  /* --- радиусы --- */
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* --- типографика --- */
  --font-display: 'Unbounded', system-ui, sans-serif;  /* только короткие строки */
  --font-body: 'Onest', system-ui, -apple-system, sans-serif;

  --t-hero:  clamp(40px, 8.2vw, 118px);
  --t-h2:    clamp(26px, 4vw, 52px);
  --t-h3:    clamp(20px, 2.2vw, 28px);
  --t-lead:  clamp(17px, 1.5vw, 21px);
  --t-body:  17px;
  --t-small: 15px;
  --t-micro: 13px;

  /* --- движение --- */
  --dur-fast: 160ms;   /* нажатие, ховер */
  --dur-mid:  240ms;   /* появление вердикта, раскрытие вопроса */
  --dur-base: 320ms;   /* уход навигации */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* --- раскладка --- */
  --page-max: 1320px;
  --gutter: var(--s6);
}

@media (max-width: 640px) {
  :root { --gutter: var(--s4); }
}