/* =========================================================
   Темы оформления
   ---------------------------------------------------------
   Финальная тема сайта - indigo: на каждой странице стоит
   <html data-theme="indigo">, выбора темы у посетителя нет.
   Остальные темы сохранены как варианты палитры и на сайте не используются.

   indigo   - референс Upgrio: белый, глубокий индиго, лаймовые кнопки
   lavender - референс Sellora: лавандовое небо, фиолетовый, мягкие карточки
   coral    - референс Qtask: тёплый серый, коралловый, светлый лайм
   azure    - референс Volt: чистый финтех, синий, строгие скругления
   ========================================================= */

/* ---------- Шрифты тем (лицензия SIL OFL 1.1, лежат в assets/fonts).
   Браузер скачивает файл, только когда тема его использует. ---------- */
@font-face{ font-family:"Lexend"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("../fonts/lexend-latin-wght-normal.woff2") format("woff2"); }
@font-face{ font-family:"Plus Jakarta Sans"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("../fonts/plus-jakarta-sans-latin-wght-normal.woff2") format("woff2"); }
@font-face{ font-family:"Manrope"; font-style:normal; font-weight:200 800; font-display:swap;
  src:url("../fonts/manrope-latin-wght-normal.woff2") format("woff2"); }
@font-face{ font-family:"Figtree"; font-style:normal; font-weight:300 900; font-display:swap;
  src:url("../fonts/figtree-latin-wght-normal.woff2") format("woff2"); }

/* =========================================================
   1. INDIGO & LIME (Upgrio)
   ========================================================= */
html[data-theme="indigo"]{
  --bg:#FFFFFF; --bg-alt:#F5F5FA; --surface:#FFFFFF; --surface-2:#F2F2F8;
  --line:#E8E8F0; --line-strong:#D6D6E4;
  --text:#0E0F1A; --text-dim:#4B4E63; --text-mute:#62657A;
  --accent:#4338CA; --accent-2:#6D5DF6; --accent-deep:#3730A3;
  --accent-soft:rgba(67,56,202,.09);
  --pop:#D4F45A; --pop-ink:#0E0F1A;
  --radius-sm:10px; --radius:16px; --radius-lg:22px;
  --shadow:0 18px 40px rgba(14,15,26,.08); --shadow-sm:0 6px 18px rgba(14,15,26,.05);
  --font-display:"Lexend", "Inter", sans-serif;
  --display-tracking:-.035em; --display-weight:600;
  --btn-primary-bg:var(--pop); --btn-primary-fg:var(--pop-ink);
  --btn-primary-shadow:none; --btn-primary-shadow-hover:0 10px 24px rgba(160,200,30,.35);
}
html[data-theme="indigo"] .hero__glow{ display:none; }
/* полоса цифр - индиговое поле, как блок 2M+ / 150k+ у референса */
html[data-theme="indigo"] .stats{ background:var(--accent); border-color:transparent; }
html[data-theme="indigo"] .stats h2,
html[data-theme="indigo"] .stats .stats__lead{ color:#fff; }
html[data-theme="indigo"] .stats .sec-head__lead{ color:rgba(255,255,255,.82); }
html[data-theme="indigo"] .stat-row{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); }
html[data-theme="indigo"] .stat-row__num{ color:#fff; }
html[data-theme="indigo"] .stat-row__desc{ color:rgba(255,255,255,.82); }
html[data-theme="indigo"] .stat-row__ico{ background:var(--pop); color:var(--pop-ink); }
html[data-theme="indigo"] .stats__panel{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.18); }
html[data-theme="indigo"] .stats__points li,
html[data-theme="indigo"] .stats__punch{ color:#fff; }
html[data-theme="indigo"] .stats__points li::before{ background-color:var(--pop); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230E0F1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5'/%3E%3C/svg%3E"); }
html[data-theme="indigo"] .stats__punch{ border-color:rgba(255,255,255,.2); }
html[data-theme="indigo"] .stats__punch mark{ color:var(--pop-ink); background:var(--pop); border-radius:6px; padding:0 6px; }
/* финальный блок - индиговое поле с лаймовым акцентом */
html[data-theme="indigo"] .cta{ background:var(--accent); border-color:transparent; }
html[data-theme="indigo"] .cta__head h2{ color:#fff; }
html[data-theme="indigo"] .cta__head p{ color:rgba(255,255,255,.85); }
html[data-theme="indigo"] .cta__or{ color:rgba(255,255,255,.75); }
html[data-theme="indigo"] .cta__or::before,
html[data-theme="indigo"] .cta__or::after{ background:rgba(255,255,255,.25); }
html[data-theme="indigo"] .cta__path{ background:#fff; }
html[data-theme="indigo"] .quoteband{ background:var(--pop); border-color:transparent; }
html[data-theme="indigo"] .pullquote figcaption{ color:var(--pop-ink); }
html[data-theme="indigo"] .announce{ background:var(--accent); color:rgba(255,255,255,.9); border-color:transparent; }
html[data-theme="indigo"] .announce__link,
html[data-theme="indigo"] .announce__close{ color:#fff; }
html[data-theme="indigo"] .announce__tag{ background:var(--pop); color:var(--pop-ink); }
html[data-theme="indigo"] .tier__badge{ background:var(--pop); color:var(--pop-ink); }
html[data-theme="indigo"] .tier--featured{ border-color:var(--accent); }
html[data-theme="indigo"] .frame::before{ background:var(--pop); }
/* панель рассылки в подвале - индиговое поле, как финальный блок */
html[data-theme="indigo"] .footer__news{ background:var(--accent); border-color:transparent; }
html[data-theme="indigo"] .footer__news-title,
html[data-theme="indigo"] .footer__news .subscribe label{ color:#fff; }
html[data-theme="indigo"] .footer__news .subscribe__ok{ color:var(--pop); }

/* =========================================================
   2. LAVENDER (Sellora)
   ========================================================= */
html[data-theme="lavender"]{
  --bg:#FBFAFF; --bg-alt:#F4F1FE; --surface:#FFFFFF; --surface-2:#F7F5FF;
  --line:#ECE8FA; --line-strong:#DCD5F5;
  --text:#15122B; --text-dim:#4A4566; --text-mute:#625D7E;
  --accent:#6D4AFF; --accent-2:#A78BFA; --accent-deep:#5A35F0;
  --accent-soft:rgba(109,74,255,.10);
  --radius-sm:12px; --radius:18px; --radius-lg:26px;
  --shadow:0 24px 60px rgba(76,52,180,.12); --shadow-sm:0 8px 24px rgba(76,52,180,.08);
  --font:"Plus Jakarta Sans", "Inter", sans-serif;
  --font-display:"Plus Jakarta Sans", "Inter", sans-serif;
  --display-tracking:-.03em; --display-weight:700;
  --btn-primary-bg:var(--accent);
  --btn-primary-shadow:0 10px 24px rgba(109,74,255,.32), inset 0 1px 0 rgba(255,255,255,.25);
  --btn-primary-shadow-hover:0 14px 30px rgba(109,74,255,.4), inset 0 1px 0 rgba(255,255,255,.25);
}
/* первый экран - лавандовое небо, как у референса */
html[data-theme="lavender"] .hero{
  background:
    radial-gradient(70% 60% at 85% 0%, rgba(255,214,236,.65), transparent 60%),
    radial-gradient(60% 70% at 10% 10%, rgba(196,181,253,.55), transparent 65%),
    linear-gradient(180deg, #EEE8FF 0%, #FBFAFF 100%);
}
html[data-theme="lavender"] .hero__glow{ display:none; }
html[data-theme="lavender"] .section--alt,
html[data-theme="lavender"] .stats{ border-color:transparent; }
html[data-theme="lavender"] .cta{
  background:
    radial-gradient(60% 80% at 15% 100%, rgba(255,214,236,.6), transparent 60%),
    radial-gradient(70% 90% at 90% 0%, rgba(196,181,253,.6), transparent 65%),
    linear-gradient(180deg, #F4F1FE, #ECE5FF);
  border-color:transparent;
}
html[data-theme="lavender"] .quoteband{ background:#F1ECFF; border-color:transparent; }
html[data-theme="lavender"] .card,
html[data-theme="lavender"] .stat-row,
html[data-theme="lavender"] .compare__col,
html[data-theme="lavender"] .frame,
html[data-theme="lavender"] .tour{ border-color:rgba(255,255,255,.9); }
html[data-theme="lavender"] .tier--featured{ border-color:var(--accent); }
html[data-theme="lavender"] .site-footer{ background:linear-gradient(180deg, #FBFAFF, #F1ECFF); }

/* =========================================================
   3. CORAL (Qtask)
   ========================================================= */
html[data-theme="coral"]{
  --bg:#FFFFFF; --bg-alt:#F6F6F4; --surface:#FFFFFF; --surface-2:#F4F4F2;
  --line:#ECECE8; --line-strong:#DEDED8;
  --text:#111111; --text-dim:#4B4B4B; --text-mute:#66665F;
  --accent:#D93025; --accent-2:#F48FB1; --accent-deep:#B9261C;
  --accent-soft:rgba(217,48,37,.08);
  --pop:#E6F5B0; --pop-ink:#2F3B0B;
  --radius-sm:12px; --radius:20px; --radius-lg:28px;
  --shadow:none; --shadow-sm:none;
  --font-display:"Manrope", "Inter", sans-serif;
  --display-tracking:-.045em; --display-weight:800;
  --btn-primary-bg:var(--accent);
  --btn-primary-shadow:0 6px 16px rgba(217,48,37,.24);
  --btn-primary-shadow-hover:0 10px 22px rgba(217,48,37,.3);
}
html[data-theme="coral"] .hero__glow{ display:none; }
/* мягкие серые контейнеры без рамок, как у референса */
html[data-theme="coral"] .card,
html[data-theme="coral"] .stat-row,
html[data-theme="coral"] .compare__col,
html[data-theme="coral"] .profile,
html[data-theme="coral"] .flow__step{ background:var(--surface-2); border-color:transparent; box-shadow:none; }
html[data-theme="coral"] .section--alt .card,
html[data-theme="coral"] .section--alt .stat-row,
html[data-theme="coral"] .stats .stat-row,
html[data-theme="coral"] .section--alt .compare__col{ background:#FFFFFF; }
html[data-theme="coral"] .compare__col--on{ background:var(--pop); }
html[data-theme="coral"] .frame,
html[data-theme="coral"] .tour,
html[data-theme="coral"] .cta__form,
html[data-theme="coral"] .cta__done{ border-color:transparent; box-shadow:0 1px 2px rgba(17,17,17,.04); }
html[data-theme="coral"] .frame::before{ display:none; }
html[data-theme="coral"] .section--alt,
html[data-theme="coral"] .stats{ border-color:transparent; }
html[data-theme="coral"] .stats__panel{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .rl-panel2{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .footer__news{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .about__facts li{ background:var(--surface-2); border-color:transparent; box-shadow:none; }
html[data-theme="indigo"] .about__facts strong{ color:var(--accent); }
/* пометка Recommended в ролике - как на странице */
html[data-theme="indigo"] .rl-tier > b i{ background:var(--pop); color:var(--pop-ink); }
html[data-theme="coral"] .rl-tier--on{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .rl-tier--on .rl-price{ color:var(--text); }
html[data-theme="coral"] .rl-tier > b i{ background:var(--text); color:#fff; }
html[data-theme="coral"] .stats__punch{ border-color:rgba(47,59,11,.18); }
html[data-theme="coral"] .stats__punch mark{ color:var(--accent); background:linear-gradient(transparent 62%, rgba(217,48,37,.16) 62%); }
html[data-theme="coral"] .stat-row__ico,
html[data-theme="coral"] .plan-tag{ background:var(--pop); color:var(--pop-ink); border-color:transparent; }
html[data-theme="coral"] .tier__badge{ background:var(--pop); color:var(--pop-ink); }
html[data-theme="coral"] .tier{ background:#FFFFFF; }
html[data-theme="coral"] .tier--featured{ background:var(--pop); border-color:transparent; box-shadow:none; }
html[data-theme="coral"] .tier--featured .tier__price b{ color:var(--text); }
html[data-theme="coral"] .tier--featured .tier__badge{ background:var(--text); color:#fff; }
html[data-theme="coral"] .tier--featured .tier__feats li::before{ background:rgba(255,255,255,.7); }
html[data-theme="coral"] .quoteband{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .pullquote figcaption{ color:var(--pop-ink); }
html[data-theme="coral"] .announce{ background:var(--bg-alt); }
html[data-theme="coral"] .cta{ background:var(--bg-alt); border-color:transparent; }
html[data-theme="coral"] .cta__path{ background:var(--pop); border-color:transparent; }
html[data-theme="coral"] .hero__chips li{ background:var(--pop); border-color:transparent; color:var(--pop-ink); }

/* =========================================================
   4. AZURE (Volt)
   ========================================================= */
html[data-theme="azure"]{
  --bg:#FFFFFF; --bg-alt:#F7F8FA; --surface:#FFFFFF; --surface-2:#F4F6F9;
  --line:#EEF0F3; --line-strong:#E1E4EA;
  --text:#0B1220; --text-dim:#475467; --text-mute:#5D6B82;
  --accent:#2563EB; --accent-2:#60A5FA; --accent-deep:#1D4ED8;
  --accent-soft:rgba(37,99,235,.08);
  --radius-sm:8px; --radius:12px; --radius-lg:16px;
  --shadow:0 12px 32px rgba(11,18,32,.07); --shadow-sm:0 2px 8px rgba(11,18,32,.05);
  --font:"Figtree", "Inter", sans-serif;
  --font-display:"Figtree", "Inter", sans-serif;
  --display-tracking:-.03em; --display-weight:700;
  --btn-radius:10px;
  --btn-primary-bg:var(--accent);
  --btn-primary-shadow:0 1px 2px rgba(11,18,32,.12), inset 0 1px 0 rgba(255,255,255,.18);
  --btn-primary-shadow-hover:0 6px 16px rgba(37,99,235,.28);
}
/* первый экран - светло-серая панель с полями по краям, как у референса */
html[data-theme="azure"] .hero{
  background:#F2F4F8; margin:12px 16px 0; border-radius:28px;
}
html[data-theme="azure"] .hero__glow{ display:none; }
/* выделенные слова - сине-голубой градиент, как в заголовках Volt */
html[data-theme="azure"] .grad{
  background:linear-gradient(90deg, #2563EB 0%, #60A5FA 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
@media (forced-colors:active){ html[data-theme="azure"] .grad{ color:CanvasText; background:none; } }
html[data-theme="azure"] .section--alt,
html[data-theme="azure"] .stats{ border-color:transparent; }
html[data-theme="azure"] .frame::before{ background:var(--accent); }
html[data-theme="azure"] .quoteband{ background:var(--bg-alt); border-color:transparent; }
html[data-theme="azure"] .cta{ background:var(--bg-alt); border-color:transparent; }
html[data-theme="azure"] .plan-tag{ border-radius:6px; }
@media (max-width:560px){ html[data-theme="azure"] .hero{ margin:8px 8px 0; border-radius:20px; } }