/* ============================================================
   PAPPLE · tokens.css — дизайн-токены (точные значения).
   Две финальные темы, переключаются классом на корне:
     .gv        — Светлый режим (День) — по умолчанию
     .gv.dark   — Тёмный режим (Графит) — мягкая угольная ночь
   JS добавляет/снимает класс .dark на корневом .gv.
   ============================================================ */

/* ---------- LIGHT (default) ---------- */
.gv{
  --bg:#ffffff;            /* фон страницы */
  --bg2:#f5f5f7;           /* вторичные поверхности: поля, пилюли */
  --text:#1d1d1f;          /* основной текст */
  --text2:#6e6e73;         /* вторичный текст */
  --line:rgba(0,0,0,.1);   /* границы */
  --line2:rgba(0,0,0,.06); /* слабые разделители */
  --accent:#0071e3;        /* СИНИЙ — только действия (кнопки) */
  --soft:rgba(0,113,227,.08);
  --save:#1f8a5b;          /* зелёный «выгоды» (скидка/экономия) */
  --tg:#229ED9;            /* Telegram brand */
  --sh:0 18px 50px -22px rgba(0,0,0,.22);   /* тень поповеров/модалок */
  --csh:0 1px 2px rgba(0,0,0,.06);          /* мелкая тень контролов */
  /* радиусы: карточки/поповеры 16–22px · поля 12–14px · капсула 980px */
  --r:18px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;
  color:var(--text);
}

/* ---------- DARK = GRAPHITE (Тёмный режим, мягкая угольная ночь) ---------- */
.gv.dark{
  --bg:#1c1c1e;            /* угольный фон */
  --bg2:#2c2c2e;           /* вторичные поверхности */
  --text:#f5f5f7;
  --text2:#9a9aa0;
  --line:rgba(255,255,255,.18);
  --line2:rgba(255,255,255,.10);
  --accent:#2997ff;
  --soft:rgba(41,151,255,.20);
  --save:#34c98a;          /* зелёный «выгоды» на тёмном */
  --tg:#229ED9;
  --sh:0 18px 50px -22px rgba(0,0,0,.6);
  --csh:0 1px 2px rgba(0,0,0,.5);
}