/* Канонический набор дизайн-токенов Wolfshelf — СКОПИРОВАН ДОСЛОВНО из канонического
   мокапа docs/mockups/cloud/F.html (CANONICAL BLOCK · Cloud Diary style1-v1, §TOKENS).
   Принцип V: мокап — источник истины; имена и значения токенов переиспользуются вербатим.
   Дефолты = style1 (Cloud Diary). Значения для style2 (Menhera) — в themes.css.
   Hex/«магические» значения допустимы ТОЛЬКО в блоках токенов (tokens.css/themes.css). */
:root {
  /* Сетка / форма */
  --grid-base: 8px;
  --pad: 16px;
  --gap: 12px;
  --r-card: 20px;
  --r-control: 16px;
  --r-pill: 999px;

  /* Поверхности / фон */
  --bg-1: #eaf6ff;
  --bg-2: #f7fbff;
  --surface: #ffffff;

  /* Цвета */
  --primary: #7fb8f2;
  --on-primary: #0e2a47;
  --accent: #ffb3d1;
  --on-accent: #5a1e38;
  --plate: rgba(255, 255, 255, 0.92); /* витринная плашка (WCAG-критичная) */
  --plate-ink: #1e2b3a;
  --ink: #1e2b3a;
  --ink-muted: #5e708a;

  /* Состояния */
  --ok: #73d6a8;
  --warn: #ffcd6b;
  --warn-ink: #8a5a00; /* читаемый «зависший»-акцент текста на светлом фоне (S-06) */
  --err: #ff8fa3;
  --rating-star: #ffc93c;

  /* Светлые акценты (градиенты/заливки) */
  --primary-lite: #a9d2fb;
  --accent-lite: #ffd0e3;

  /* Эффекты */
  --glow: 0 6px 20px rgba(127, 184, 242, 0.35);
  --glow-sm: 0 3px 10px rgba(127, 184, 242, 0.28);
  --border-blue: rgba(127, 184, 242, 0.45);

  /* Типографика (модульная шкала 1.25 в px, как в мокапе) */
  --fs-11: 11px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-18: 18px;
  --fs-23: 23px;
  --fs-29: 29px;
  --f-display: "Comfortaa", system-ui, sans-serif;
  --f-body: "Nunito", system-ui, sans-serif;

  /* Движение (имена/значения из motion-слоя мокапа; дублируются в motion.css) */
  --mot-dur-1: 160ms;
  --mot-dur-2: 240ms;
  --mot-dur-3: 360ms;
  --mot-ease-enter: cubic-bezier(0.2, 0.8, 0.25, 1);
  --mot-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --mot-ease-state: cubic-bezier(0.4, 0, 0.2, 1);
  --mot-slide: 16px;

  /* Брейкпоинты / раскладка (из responsive-слоя мокапа) */
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --wrap-max: 1240px;
  --app-max: 960px;
  --read-max: 680px;
  --rail-w: 88px;

  /* a11y */
  --tab-min: 44px; /* тач-цель ≥44px */
}

/* Плотность витрины (регулятор S-24): compact уменьшает отступы. */
:root[data-density="compact"] {
  --pad: 10px;
  --gap: 8px;
}