/* ============================================================
   Светлая тема — ПРОБА (site2-50, 2026-10-09).
   Подключается только на light-preview.html; работает только при
   классе theme-light на <html>. Боевые страницы и style.css не трогает.
   Принцип: светлая основа для «школы», тёмные «сценические» блоки
   (первый экран, концерты, мастер-классы, нижний призыв, футер).
   ============================================================ */

/* 1. Токены светлой основы */
html.theme-light{
  --bg:#FBFAF7; --bg2:#F4F1EC; --bg3:#ECE8E1;
  --card:#FFFFFF; --card-hover:#FFFFFF;
  --text:#17131F; --text2:#4A4458; --text3:#5F5871; --purple-text:#6D3BEF;
  --purple:#6D3BEF; --purple-dim:rgba(109,59,239,.08); --purple-glow:rgba(109,59,239,.28);
  --magenta:#D6249A; --magenta-dim:rgba(214,36,154,.08); --magenta-glow:rgba(214,36,154,.25);
  --neon:#7C3AED; --hot:#F0457E; --hot-dim:rgba(240,69,126,.16);
  --border:rgba(23,19,31,.08); --border2:rgba(23,19,31,.14);
  --sh:0 8px 32px rgba(23,19,31,.08);
}

/* 2. Тёмные «сценические» блоки — исходные токены style.css */
html.theme-light .hero,
html.theme-light .concerts,
html.theme-light .mc-sec,
html.theme-light .cta-f,
html.theme-light footer,
html.theme-light header.on-dark,
html.theme-light #cookie-bar{
  --bg:#0C0A10; --bg2:#13111A; --bg3:#1A1724; --card:#1E1B29; --card-hover:#252238;
  --text:#F5F3FA; --text2:#B8B2CC; --text3:#8A84A2; --purple-text:#A78BFA;
  --purple:#8B5CF6; --neon:#C084FC; --magenta:#E040A0; --hot:#FF6B9D;
  --purple-dim:rgba(139,92,246,.12); --magenta-dim:rgba(224,64,160,.1);
  --border:rgba(255,255,255,.06); --border2:rgba(255,255,255,.1);
  --sh:0 8px 32px rgba(0,0,0,.3);
  color:var(--text);
}
html.theme-light .hero,
html.theme-light .concerts,
html.theme-light .mc-sec,
html.theme-light .cta-f,
html.theme-light footer{background-color:var(--bg)}
/* бегущая строка — как есть (свой градиент) */

/* 3. Шапка: до прокрутки — прозрачная над тёмным экраном; после — светлая */
html.theme-light header.scrolled:not(.on-dark){background:rgba(251,250,247,.88);box-shadow:0 1px 0 var(--border)}
html.theme-light header.scrolled.on-dark{background:rgba(12,10,16,.85);box-shadow:none}
html.theme-light header{transition:background .3s,color .3s,box-shadow .3s}
html.theme-light #mm{background:rgba(251,250,247,.98)}
html.theme-light #mm a{color:var(--text)}

/* 4. Карточки на светлом: белая + рамка + тень, без свечения и «стекла» */
html.theme-light .fc,
html.theme-light .dc,
html.theme-light .rc,
html.theme-light .cta-band-box,
html.theme-light .r-badge-box,
html.theme-light .route-card,
html.theme-light .route-map,
html.theme-light .zb-day,
html.theme-light .zb-slot{
  background:var(--card);border-color:var(--border);box-shadow:var(--sh);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html.theme-light .cta-band-box::before{display:none}
html.theme-light .dc-img .ph,
html.theme-light .tc-ph .ph{background:linear-gradient(135deg,var(--bg3),var(--bg2))}
html.theme-light .tc-ph::after{background:linear-gradient(to top,rgba(23,19,31,.35) 0%,transparent 50%)}
html.theme-light .route-map-stub{background:var(--bg2);color:var(--text2)}
html.theme-light .route-map-stub .btn{background:var(--text);color:var(--bg)}
@media (hover:hover) and (pointer:fine){html.theme-light .route-map-stub .btn:hover{background:var(--purple);color:#fff}}/* 5. Запись — главный акцент светлой части */
html.theme-light .zb-day.is-on,
html.theme-light .zb-slot.is-on{background:var(--grad);border-color:transparent;box-shadow:0 8px 24px var(--purple-glow)}
html.theme-light .zb-day.is-on span,
html.theme-light .zb-day.is-on b,
html.theme-light .zb-day.is-on i,
html.theme-light .zb-slot.is-on{color:#fff}
html.theme-light #zbName,
html.theme-light #zbPhone{background:#fff;border-color:var(--border2);color:var(--text)}
html.theme-light #zbErr{color:#C0263F}

/* 6. Рейтинг/подписи — тёмнее для контраста на белом */
html.theme-light .tc-rate{color:#9A6A12}

/* 7. Переключатель «Тёмная | Светлая» — виден в обеих темах (вне html.theme-light) */
.lp-toggle{position:fixed;left:16px;bottom:96px;z-index:10000;display:flex;padding:4px;gap:4px;
  border-radius:50px;background:rgba(12,10,16,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(0,0,0,.25);font-family:'Nunito Sans',sans-serif}
.lp-toggle button{border:none;background:transparent;color:#B8B2CC;font:inherit;font-size:12px;font-weight:700;
  padding:6px 14px;border-radius:50px;cursor:pointer}
.lp-toggle button.on{background:linear-gradient(135deg,#8B5CF6,#E040A0,#FF6B9D);color:#fff}

/* ── site2-51: доводка после просмотра владельцем ─────────────────────── */
/* 1. «Почему выбирают нас» — крупный акцент в карточке (класс есть только на пробе) */
.fc-k{font-family:var(--font-h);font-weight:800;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;letter-spacing:-.01em;margin-bottom:18px;white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.theme-light .fc{padding:36px 28px}
html.theme-light .fc::before{opacity:1;height:3px}

/* пп.3–5 site2-51 перенесены в style.css для всех страниц (site2-52). */

/* FAQ-переписка (site2-53): вопрос — белая карточка, ответ — сиреневый пузырь. */
html.theme-light .fd-q,html.theme-light .fqc-chip:not(.is-on){background:var(--card);border-color:var(--border);box-shadow:var(--sh)}
@media (hover:hover) and (pointer:fine){html.theme-light .fqc-chip:not(.is-on):hover{border-color:var(--purple)}}html.theme-light .fd-more{color:var(--purple)}
html:not(.theme-light) .fc-k{display:none}
/* site2-57: плашка рейтинга под бегущей строкой — светлая (наследует светлые токены). */
html.theme-light .sp{background:var(--bg);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
/* site2-73 п.1: размеры плашки — в style.css для обеих тем; здесь только цвета. */
html.theme-light .sp-item{color:var(--text)}
html.theme-light .sp .stars,html.theme-light .sp-stars{color:#E0A100}
/* site2-74: педагог без фото — не «белое на белом»: светлая подложка с нотой вместо пустой рамки */
html.theme-light .tc-ph:empty{background:linear-gradient(135deg,var(--bg3),var(--bg2));display:flex;align-items:center;justify-content:center}
html.theme-light .tc-ph:empty::before{content:'♪';font-size:3rem;line-height:1;color:var(--purple);opacity:.35}
html.theme-light .tc-ph:empty::after{display:none}
/* site2-74: звёзды отзывов на светлом — тот же тёмно-жёлтый, что у плашки рейтинга */
html.theme-light .rc-stars,html.theme-light .reviews .stars{color:#E0A100}
html.theme-light #privacy-label-text{color:var(--text2)}
/* site2-75/76: жёлтые наклейки на светлом — тёмный текст (var(--bg) в светлой теме светлый, контраст был 1.3) */
html.theme-light #about.ab-collage .abc-s1,html.theme-light #reviews.rv-deck .rvd-sticker{color:#17131F}