/**
 * PCone — Lite Modern design tokens
 * Light (primary) + dark ([data-theme="dark"] on <html>)
 * Matches live site theme contract: localStorage "pcone_theme", attribute data-theme="dark"
 * Brand accents preserved: orange #ff7a3d, blue #1567d9, WhatsApp #25d366, Rubik
 * Do not invent a new palette.
 */

:root {
  color-scheme: light;

  /* —— Lite Modern surfaces (primary / match previews) —— */
  --lm-bg: #f7f8fb;
  --lm-surface: #ffffff;
  --lm-surface-soft: #eef1f7;
  --lm-surface-tint: #f0f4ff;
  --lm-text: #1a2332;
  --lm-text-muted: #5b6577;
  --lm-line: rgba(22, 40, 60, 0.08);
  --lm-line-strong: rgba(22, 40, 60, 0.14);

  /* Brand (locked from live CSS) */
  --lm-accent: #ff7a3d;
  --lm-accent-hover: #ff6a24;
  --lm-accent-soft: #fff0e8;
  /* 13.10.2026 (слово Романа): цифры в ценовых чипах на персиковой подложке.
     Было #ff7a3d на #fff0e8 = 2.33:1 — не проходит WCAG AA. #b8400a даёт 5.0:1. */
  --lm-accent-ink: #b8400a;
  --lm-accent-shadow: rgba(255, 122, 61, 0.28);
  --lm-blue: #1567d9;
  --lm-blue-2: #0e4fa8;
  --lm-blue-soft: #e8f0fc;
  --lm-wa: #25d366;
  --lm-wa-hover: #1ebe57;
  --lm-wa-shadow: rgba(37, 211, 102, 0.28);

  /* Radii / shadows / spacing (Lite) */
  --lm-radius-sm: 12px;
  --lm-radius-md: 16px;
  --lm-radius-lg: 20px;
  --lm-radius-xl: 24px;
  --lm-radius-pill: 999px;
  --lm-shadow-soft: 0 8px 28px rgba(22, 40, 60, 0.06);
  --lm-shadow-hover: 0 14px 40px rgba(22, 40, 60, 0.10);
  --lm-pad-section: clamp(48px, 7vw, 88px);
  --lm-pad-card: 24px 28px;
  --lm-gap-loose: 28px;
  --lm-font: "Rubik", system-ui, sans-serif;
  --lm-wrap: 1120px;

  /* Header / hero / footer (Lite light) */
  --lm-header-bg: rgba(255, 255, 255, 0.78);
  --lm-header-blur: 14px;
  --lm-hero-wash: linear-gradient(165deg, #ffffff 0%, #f0f4ff 42%, #fff5ee 100%);
  --lm-hero-blob: radial-gradient(circle, rgba(255, 122, 61, 0.12), transparent 70%);
  --lm-footer-bg: #ffffff;
  --lm-footer-text: #5b6577;
  /* Юридические ссылки подвала: подвал тёмный и на всех темах, 0.75 alpha даёт 8.1:1
     (было #5b6577 на #0d1c3a = 2.87:1). */
  --lm-footer-legal: rgba(219, 231, 255, 0.75);

  /* —— Bridge to live site variable names (soft override when layered) —— */
  --bg: var(--lm-bg);
  --surface: var(--lm-surface);
  --surface-2: var(--lm-surface);
  --surface-soft: var(--lm-surface-soft);
  --surface-tint: var(--lm-surface-tint);
  --ink: var(--lm-text);
  --ink-soft: #41536b;
  --muted: var(--lm-text-muted);
  --line: #e8eef5;
  --line-strong: #d5e0ef;
  --blue: var(--lm-blue);
  --blue-2: var(--lm-blue-2);
  --orange: var(--lm-accent);
  --orange-hover: var(--lm-accent-hover);
  --orange-soft: rgba(255, 122, 61, 0.12);
  --orange-shadow: var(--lm-accent-shadow);
  --wa: var(--lm-wa);
  --wa-hover: var(--lm-wa-hover);
  --wa-soft: #4ade80;
  --shadow-card: rgba(22, 40, 60, 0.06);
  --shadow-card-hover: rgba(22, 40, 60, 0.10);
  --shadow-card-sm: rgba(22, 40, 60, 0.05);
  --hero-bg-a: #f0f4ff;
  --hero-bg-b: #eef6ff;
  --hero-bg-c: #fff5ee;
  --white-fixed: #ffffff;
  /* 29.09.2026, вариант A владельца: тёмная подпись для цветных плашек.
     Значение — существующий тёмный тон палитры; подписи на оранжевой плашке 6.3:1 (было 2.59),
     на WhatsApp-зелёном 8.2:1 (было 1.98). Правила не содержат hex, только токен. */
  --ink-fixed: #1a2332;
  /* Цена: на светлой карточке тёмным (акцент давал 2.33), в тёмной теме — акцентом */
  --price-ink: var(--lm-text);

  /* Aliases used in previews */
  --bg-page: var(--lm-bg);
  --text: var(--lm-text);
  --text-muted: var(--lm-text-muted);
  --accent: var(--lm-accent);
  --accent-soft: var(--lm-accent-soft);
  --radius-lg: var(--lm-radius-lg);
  --radius-md: var(--lm-radius-md);
  --radius-pill: var(--lm-radius-pill);
  --shadow-soft: var(--lm-shadow-soft);
  --shadow-hover: var(--lm-shadow-hover);
  --pad-section: var(--lm-pad-section);
  --gap-loose: var(--lm-gap-loose);
  --font: var(--lm-font);
}

/* Dark: same radii/pills; soft dark surfaces — no harsh black bars */
[data-theme="dark"] {
  --price-ink: var(--lm-accent);
  color-scheme: dark;

  --lm-bg: #0f1524;
  --lm-surface: #171e30;
  --lm-surface-soft: #1c253a;
  --lm-surface-tint: #1a2238;
  --lm-text: #e8eef7;
  --lm-text-muted: #93a4b8;
  --lm-line: rgba(180, 200, 230, 0.10);
  --lm-line-strong: rgba(180, 200, 230, 0.18);

  /* Brand accents stay warm / readable on dark */
  --lm-accent: #ff7a3d;
  --lm-accent-hover: #ff8a55;
  --lm-accent-soft: rgba(255, 122, 61, 0.16);
  --lm-accent-ink: #ffb08a;   /* на мягком оранжевом в тёмной теме — 7.5:1 */
  --lm-accent-shadow: rgba(255, 122, 61, 0.22);
  --lm-blue: #3b82f6;
  --lm-blue-2: #7ab0ff;
  --lm-blue-soft: rgba(59, 130, 246, 0.16);
  --lm-wa: #25d366;
  --lm-wa-hover: #4ade80;
  --lm-wa-shadow: rgba(37, 211, 102, 0.22);

  --lm-header-bg: rgba(15, 21, 36, 0.82);
  --lm-hero-wash: linear-gradient(165deg, #121a2c 0%, #152038 45%, #1a1e30 100%);
  --lm-hero-blob: radial-gradient(circle, rgba(255, 122, 61, 0.14), transparent 70%);
  --lm-footer-bg: #121826;
  --lm-footer-text: #93a4b8;

  /* Soften live dark surfaces (avoid pure black bars) */
  --bg: var(--lm-bg);
  --surface: var(--lm-surface);
  --surface-2: #1a2234;
  --surface-soft: var(--lm-surface-soft);
  --surface-tint: var(--lm-surface-tint);
  --ink: var(--lm-text);
  --ink-soft: #b9c6da;
  --muted: var(--lm-text-muted);
  --line: #24334e;
  --line-strong: #3d5a8f;
  --blue: var(--lm-blue);
  --blue-2: var(--lm-blue-2);
  --orange: var(--lm-accent);
  --shadow-card: rgba(0, 0, 0, 0.28);
  --shadow-card-hover: rgba(0, 0, 0, 0.40);
  --shadow-card-sm: rgba(0, 0, 0, 0.22);
  --hero-dark-a: #121a2c;
  --hero-dark-b: #152038;
  --hero-dark-c: #1a1e30;
  --dark-footer: #121826;
  --dark-body: #0f1524;
  --dark-border-2: #2a3a5c;
  --dark-border-3: #33507a;

  --bg-page: var(--lm-bg);
  --text: var(--lm-text);
  --text-muted: var(--lm-text-muted);
  --accent-soft: var(--lm-accent-soft);
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.28);
  --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.40);
}

/* Optional class alias if a page sets .theme-dark on html/body */
.theme-dark {
  /* noop marker — live site uses [data-theme="dark"] on <html> */
}