/* Основной дизайн Maxom: тёмная тема = зелёный «КалориСкан», светлая = прежняя светлая тема style.css.
   Те же правила, что в landing/variant-caloriscan.css, но только под [data-theme="dark"] — светлая тема
   остаётся нетронутой. Подключается после style.css. */

:root[data-theme="dark"] {
  --bg: #0c0c0d;
  --bg2: #151516;
  --bg3: #1d1e1f;
  --ink: #f4f2ec;
  --muted: #a9a59c;
  --line: #2b2b2b;
  --acc: #b8e04a;
  --acc-text: #c3e86a;
  --btn: #c3e86a;
  --btn-hover: #d4f27f;
  --on-btn: #14210a;
  --shadow: 0 14px 34px rgba(0, 0, 0, .5);
  --chip-bg: rgba(12, 12, 13, .85);
  --chip-ink: #f4f2ec;
  --focus: #c3e86a;
  --glow: none;
  color-scheme: dark;
}

[data-theme="dark"] body { font-family: 'Onest', system-ui, sans-serif; }
[data-theme="dark"] h1, [data-theme="dark"] h2 { font-family: 'Onest', system-ui, sans-serif; font-weight: 800; letter-spacing: -.03em; }
[data-theme="dark"] h1 { font-size: clamp(28px, 3.6vw, 46px); line-height: 1.05; }
.kicker-x { display: block; font-size: clamp(14px, 1.4vw, 17px); margin-bottom: 8px; }

[data-theme="dark"] .btn { border-radius: 999px; font-weight: 800; }
[data-theme="dark"] .card, [data-theme="dark"] .pack, [data-theme="dark"] form.lead-form,
[data-theme="dark"] .agent-hero, [data-theme="dark"] .custom-agent { border-radius: 22px; }
[data-theme="dark"] .tile, [data-theme="dark"] .ico { border-radius: 14px; }

[data-theme="dark"] .steps li.hl { background: var(--btn); color: var(--on-btn); border-color: transparent; }
[data-theme="dark"] .steps li.hl::before { background: var(--on-btn); color: var(--btn); }
[data-theme="dark"] .steps li.hl p { color: color-mix(in srgb, var(--on-btn) 75%, transparent); }

[data-theme="dark"] .model-pill { border-radius: 8px; }
[data-theme="dark"] .footer-mark span { color: var(--acc); opacity: .14; }
[data-theme="dark"] .offer { background: var(--btn); color: var(--on-btn); }
[data-theme="dark"] .offer .btn { background: #14210a; color: var(--btn); }
[data-theme="dark"] .offer .btn:hover { background: #1c2e0e; }