/* Дизайн-токены QR-Эксперт — из Pencil-макета (анти-ИИ, зелёный акцент).
   Единственное место для цветов/шрифтов/радиусов/раскладки. */
:root {
  /* Цвета */
  --bg: #ffffff;
  --surface: #eef1f6;
  --card: #ffffff;
  --fg: #0e1525;
  --muted: #59617a;
  --accent: #11845a;
  --accent-strong: #0e6f4c;
  --accent-soft: #e8f3ee;
  --on-accent: #ffffff;
  --border: #e6e8ef;
  --border-strong: #d2d6e0;

  /* Шрифты */
  --font-head: "Golos Text", system-ui, -apple-system, sans-serif;
  --font-body: "Onest", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Радиусы */
  --r-card: 16px;
  --r-m: 10px;
  --r-sm: 8px;
  --r-pill: 999px;

  /* Раскладка */
  --maxw: 1312px;     /* ширина контента */
  --pad-x: 20px;      /* боковые поля (мобайл) */
  --section-y: 56px;  /* вертикальные отступы секций (мобайл) */

  /* Тень — деликатная, только под мокап-окном */
  --shadow-card: 0 16px 40px -14px rgba(14, 21, 37, 0.13);
}

@media (min-width: 1024px) {
  :root {
    --pad-x: 64px;
    --section-y: 88px;
  }
}