/* Дизайн-токены. Референс — Drinkit (land2/variants/v9-drinkit.html):
   индиго + светло-голубые заливки, скруглённый гротеск, пилюли, мягкие цветные тени.
   Дальше вся вёрстка тянет только эти переменные — правки палитры в одном месте. */
:root {
  /* --- цвет --- */
  --indigo:       #5e74f6;   /* основной акцент: кнопки, активные состояния */
  --indigo-deep:  #334cdb;   /* hover/pressed, градиенты */
  --indigo-ink:   #182da8;   /* текст на светло-голубом */
  --sky:          #e7f1ff;   /* заливка секций, ghost-кнопки */
  --sky-soft:     #f0f4ff;   /* карточки шагов, поля-подложки */
  --white:        #ffffff;
  --ink:          #10152b;   /* основной текст */
  --muted:        #6b7699;   /* вторичный текст */
  --line:         #dbe4ff;   /* границы, неактивные бордеры */

  /* --- статусные --- */
  --ok:           #14b86a;   /* согласовано */
  --ok-wash:      #eafaf1;
  --ok-ink:       #0b7a44;
  --warm:         #ff8a4c;   /* ждёт действия / просрочено */
  --bad:          #ff4d4f;   /* отклонено */
  --bad-wash:     #fff5f5;
  --bad-line:     #ffdcdc;

  /* --- радиусы --- */
  --r-lg: 32px;              /* секции, крупные карточки */
  --r-md: 24px;              /* карточки */
  --r-sm: 18px;              /* мелкие блоки */
  --r-pill: 999px;           /* кнопки, инпуты, бейджи */

  /* --- шрифт --- */
  --font: "SF Pro Rounded", ui-rounded, system-ui, -apple-system, "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif;
  /* Заголовки — 800, тайт-трекинг; текст — 500/600. Отдельного шрифтового
     файла нет: у Drinkit это системный скруглённый гротеск. */
  --fw-text: 500;
  --fw-strong: 600;
  --fw-head: 800;
  --tracking-head: -.03em;

  /* --- тени: всегда цветные, от акцента, не серые --- */
  --shadow-btn:  0 12px 24px -10px var(--indigo);
  --shadow-card: 0 26px 44px -30px var(--indigo);
  --shadow-deep: 0 30px 60px -40px rgba(94, 116, 246, .5);

  /* --- движение --- */
  --ease: .16s ease;         /* кнопки/инпуты */
  --ease-card: .18s ease;    /* карточки (подъём на hover) */
}