/* Токены KOKOS — из логобука Appazov (KOKOS_logobook, стр. 15–16).
   Источник решения: DESIGN MASTODONT/projects/kokos-v2/DESIGN.md, направление v2 «Плакат». */

:root {
  /* логобук */
  --white:  #FFFFFF;
  --sky:    #A3B5CB;
  --mist:   #E6EBF2;
  --steel:  #6D829D;   /* только линии и иконки: для текста контраста мало */
  --navy:   #20254C;
  --navy-2: #252954;
  --royal:  #283480;
  --blue:   #2D4194;
  --red:    #E62B26;   /* знак, медиатор, формы без текста */
  --yellow: #E5E02B;   /* только стикеры */

  /* производные, проверены на контраст */
  --red-ink:       #D4231F;  /* заливка кнопки с белым текстом, 5,0:1 */
  --red-ink-hover: #B91D1A;
  --ink-2:         #4A5272;  /* вторичный текст на светлом, 7,6:1 */

  /* WhatsApp — чужой сервис: только плавающая кнопка */
  --wa:       #1faa53;
  --wa-hover: #17853f;

  /* статусы — только в данных */
  --ok:   #1F7A3A;
  --warn: #8A5F00;

  --font: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --w-title: 500;   /* Medium — заголовки, цены */
  --w-text:  400;

  /* форма: медиатор + мягкие скругления, скоса нет */
  --med-ratio: 776 / 726;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 28px;
  --r-pill: 999px;

  --gap:       clamp(16px, 2vw, 28px);
  --section:   clamp(64px, 8vw, 128px);
  --container: 1320px;
  --pad:       clamp(16px, 4vw, 48px);
  --tile:      clamp(10px, 1.4vw, 18px);   /* зазор между плакатами */

  --t-hero: clamp(44px, 7.4vw, 112px);
  --t-h2:   clamp(34px, 5.4vw, 80px);
  --t-h3:   clamp(19px, 1.6vw, 23px);
  --t-lead: clamp(18px, 1.5vw, 21px);
  --t-body: 17px;
  --t-meta: 14px;

  --dur:     .22s;
  --ease:    cubic-bezier(.22, .61, .36, 1);
  --stagger: 60ms;

  /* роли */
  --bg:     var(--mist);
  --fg:     var(--navy);
  --bg-alt: var(--white);
  --border: #D3DBE6;
  --dim:    var(--ink-2);

  /* совместимость со старыми именами (админка, ассистент) */
  --red-600:  var(--red-ink-hover);
  --navy-900: #141833;
  --muted:    var(--ink-2);
}