/* ============================================================
   Темы оформления — 3 разные интерпретации одной идеи.
   Тема задаётся через body[data-theme]. По умолчанию — terminal.
     terminal  — тёмный data-driven неон (базовые стили)
     editorial — светлый швейцарский/брутализм, плоско, 1 акцент
     studio    — тёплый премиальный, serif-дисплей, мягкие формы
   ============================================================ */

/* ===================== V2 · EDITORIAL ===================== */
body[data-theme="editorial"] {
  --bg:        oklch(0.95 0.008 85);
  --bg-elev:   oklch(0.975 0.006 85);
  --bg-card:   oklch(0.992 0.003 85);
  --bg-card-2: oklch(0.92 0.01 85);
  --line:      oklch(0.20 0.012 85);
  --line-soft: oklch(0.80 0.008 85);
  --text:      oklch(0.16 0.01 85);
  --text-muted:oklch(0.40 0.012 85);
  --text-dim:  oklch(0.52 0.012 85);
  --accent:    oklch(0.57 0.22 27);
  --accent-ink:#ffffff;
  --font-display: "Unbounded", system-ui, sans-serif;
  --radius: 2px; --radius-lg: 4px;
  background: var(--bg);
  background-image: none;
}
body[data-theme="editorial"] h1,
body[data-theme="editorial"] h2,
body[data-theme="editorial"] h3 { letter-spacing: -0.03em; }
body[data-theme="editorial"] .eyebrow { color: var(--text); }
body[data-theme="editorial"] .eyebrow::before { background: var(--accent); width: 28px; height: 2px; }
body[data-theme="editorial"] .hero .lead .hl,
body[data-theme="editorial"] .hero h1 .hl { color: var(--accent); }

/* flat: no glow */
body[data-theme="editorial"] .btn-primary { box-shadow: none; border: 1.5px solid var(--line); border-radius: 999px; }
body[data-theme="editorial"] .btn-primary:hover { box-shadow: none; transform: translateY(-2px); }
body[data-theme="editorial"] .dash,
body[data-theme="editorial"] .dash-tile,
body[data-theme="editorial"] .grow-card,
body[data-theme="editorial"] .lead-card,
body[data-theme="editorial"] .calc,
body[data-theme="editorial"] .lead-card::before { box-shadow: none !important; }
body[data-theme="editorial"] .dash::before,
body[data-theme="editorial"] .grow-card,
body[data-theme="editorial"] .lead-card::before { background-image: none; }
body[data-theme="editorial"] .brand .mark .glyph,
body[data-theme="editorial"] .grow-svg .line,
body[data-theme="editorial"] .peeker .eye,
body[data-theme="editorial"] .battery .cell .lvl { filter: none !important; box-shadow: none !important; }

/* editorial hero: huge type, no dashboard */
body[data-theme="editorial"] .dash-col { display: none; }
body[data-theme="editorial"] .hero-grid { grid-template-columns: 1fr; }
body[data-theme="editorial"] .hero h1 { font-size: clamp(44px, 8.5vw, 104px); text-transform: uppercase; line-height: 0.96; }
body[data-theme="editorial"] .hero .lead { max-width: 620px; }
body[data-theme="editorial"] .metric .num .suf { color: var(--accent); }

/* editorial cards: hard borders, square */
body[data-theme="editorial"] .card,
body[data-theme="editorial"] .calc,
body[data-theme="editorial"] .grow-card,
body[data-theme="editorial"] .lead-card,
body[data-theme="editorial"] .about-photo { border: 1.5px solid var(--line); background: var(--bg-card); border-radius: var(--radius); }
body[data-theme="editorial"] .card:hover { transform: translateY(-3px); border-color: var(--accent); }
body[data-theme="editorial"] .svc .ico,
body[data-theme="editorial"] .trust .logos .tool,
body[data-theme="editorial"] .chain .node,
body[data-theme="editorial"] .out,
body[data-theme="editorial"] .formulas,
body[data-theme="editorial"] form input,
body[data-theme="editorial"] form textarea,
body[data-theme="editorial"] .about-facts span { border-radius: 2px; }
body[data-theme="editorial"] .lang,
body[data-theme="editorial"] .lang button { border-radius: 2px; }
body[data-theme="editorial"] .scroll-prog { box-shadow: none; }
body[data-theme="editorial"] header.nav { background: color-mix(in oklch, var(--bg) 85%, transparent); }
body[data-theme="editorial"] .chain .node.lever { box-shadow: none; }

/* ===================== V3 · STUDIO ===================== */
body[data-theme="studio"] {
  --bg:        oklch(0.185 0.012 65);
  --bg-elev:   oklch(0.225 0.014 65);
  --bg-card:   oklch(0.245 0.016 65);
  --bg-card-2: oklch(0.275 0.018 60);
  --line:      oklch(0.37 0.02 65);
  --line-soft: oklch(0.30 0.016 65);
  --text:      oklch(0.96 0.012 80);
  --text-muted:oklch(0.75 0.022 70);
  --text-dim:  oklch(0.60 0.022 65);
  --accent:    oklch(0.76 0.13 58);
  --accent-ink:oklch(0.22 0.04 55);
  --font-display: "Playfair Display", Georgia, serif;
  --radius: 18px; --radius-lg: 28px;
  background-image: radial-gradient(1100px 760px at 78% -12%, var(--accent-faint), transparent 62%);
}
body[data-theme="studio"] h1,
body[data-theme="studio"] h2,
body[data-theme="studio"] h3 { font-weight: 700; letter-spacing: -0.012em; }
body[data-theme="studio"] .hero h1 { font-weight: 600; line-height: 1.02; }
body[data-theme="studio"] .hero h1 .hl { font-style: italic; font-weight: 500; }
body[data-theme="studio"] .eyebrow { letter-spacing: 0.2em; }
body[data-theme="studio"] .card { border-radius: var(--radius); box-shadow: 0 24px 60px -34px rgba(0,0,0,.7); }
body[data-theme="studio"] .card:hover { box-shadow: 0 34px 70px -30px rgba(0,0,0,.78); transform: translateY(-5px); }
body[data-theme="studio"] .svc .ico { border-radius: 14px; }
body[data-theme="studio"] .btn { border-radius: 999px; }
body[data-theme="studio"] .lead-card,
body[data-theme="studio"] .calc,
body[data-theme="studio"] .grow-card,
body[data-theme="studio"] .dash { border-radius: var(--radius-lg); box-shadow: 0 30px 70px -40px rgba(0,0,0,.7); }
body[data-theme="studio"] .case .big,
body[data-theme="studio"] .hero h1 { font-family: var(--font-display); }
body[data-theme="studio"] .step { border-top-color: var(--accent-line); }

/* studio: serif for big numbers in cases for editorial elegance */
body[data-theme="studio"] .case .big { font-weight: 700; }