/* Sweet Cloud · эфир 10 ноября — токены.
   Цвета, радиусы и шрифт — из пакета коллег (BrandBook 2.0 SWC Field + сцена «The Big Pop»), новых цветов нет.
   Добавлены только роли (какой цвет для чего) и шкала отступов, чтобы сборщик не подбирал значения на глаз. */
:root {
  /* бренд: светлая система SWC */
  --white: #fff;
  --soft: #fafafa;
  --card: #ebebeb;
  --card-2: #f2f2f2;
  --pine: #044635;          /* основной цвет: кнопки, заголовки карточек */
  --dark-1: #033229;
  --dark-2: #02271f;        /* тёмная сцена; подписи секторов колеса (контраст ≥ 5,2:1 на всех секторах) */
  --light-1: #0a5e48;
  --light-2: #4a8871;       /* рамка полей формы (4,2:1 к белому) и кольцо фокуса */
  --mint: rgba(4, 70, 53, .10);
  --lime: #b4e42f;
  --text: #24282e;          /* основной текст, 14,8:1 */
  --text-2: #5a6472;        /* вторичный текст и подсказки, 6,0:1 — минимум для мелкого текста */
  --text-3: #98a1ae;        /* только декоративное (2,6:1) — не для текста */
  --nav: #334155;
  --line: #eceef0;
  --grid: rgba(4, 70, 53, .07);
  --on-dark: #fff;
  --on-dark-soft: rgba(255, 255, 255, .72);
  --on-dark-line: rgba(255, 255, 255, .18);
  /* шоу: золото и крем */
  --gold: #f2b544;
  --gold-l: #ffe3a3;
  --gold-d: #c98a1b;
  --cream: #fff3e3;
  --cream-2: #fff8e8;       /* обводка подписей колеса */
  --note-bg: #fff7e0;       /* плашка бонуса (из пакета .todo) */
  --note-text: #7a5410;     /* 6,3:1 на --note-bg */
  /* состояния */
  --error: #c0392b;         /* 5,4:1 к белому */
  --error-bg: #fdecea;
  --error-text: #a93226;
  --switch-off: #c5ccd3;
  /* форма и радиусы */
  --r-field: 14px;
  --r-card: 16px;
  --r-banner: 22px;
  --r-pill: 999px;
  --field-h: 52px;          /* высота поля и кнопки (цель касания ≥ 44) */
  --btn-h-main: 56px;       /* главная кнопка формы */
  /* отступы: шкала 4 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-14: 56px; --s-16: 64px; --s-22: 88px;
  /* сетка */
  --shell: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
  /* шрифт: Inter 400/500/600 (+700 для подписей колеса) */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
@media (max-width: 768px) {
  :root { --header-h: 60px; }
}