/* Тема «Песок» (30.10.2026) — светлая тёплая, палитра как у темы «Песок» в самом MAMAY.
   Включается атрибутом <html data-theme="sand">: при первом заходе — по настройке устройства, дальше — кнопкой в шапке
   (js/theme.js, выбор в localStorage mm_theme). Файл идёт ПОСЛЕДНИМ из стилей и только переопределяет «Ночь».
   Принцип: страница — степь днём; главный экран с баннером и «окна программы» (снимки, живая переписка) остаются ночными. */
html[data-theme="sand"]{
  --bg:#efe9dc; --bg2:#e7dfcd; --panel:#f5f0e5; --panel2:#fbf8f1;
  --gold:#8f6312; --gold2:#a87a24; --gold3:#6e4e14;
  --ember:#b8561a; --crystal:#0b6a94;
  --teal:#0f766e; --teal2:#0b5f58;
  --red:#c8402f; --green:#11897a;
  --text:#2a2520; --muted:#6b604f; --dim:#80745f;
  --line:rgba(143,99,18,.24); --line2:rgba(42,37,32,.11);
  color-scheme:light;
}
/* ночные токены — для участков, которые остаются тёмными */
html[data-theme="sand"] .hb,html[data-theme="sand"] .nav:not(.stuck),html[data-theme="sand"] .comm,
html[data-theme="sand"] .lightbox,html[data-theme="sand"] .zoom{
  --bg:#07090d; --bg2:#0d0f14; --panel:#11110f; --panel2:#17150f;
  --gold:#e8c366; --gold2:#c99a3e; --gold3:#8a6420; --ember:#ff9f43; --crystal:#6fd3ff;
  --teal:#22d3c5; --teal2:#119f95; --red:#ef5b5b; --green:#22d3a0;
  --text:#efe6d2; --muted:#a39a88; --dim:#6d675b;
  --line:rgba(232,195,102,.18); --line2:rgba(239,230,210,.08);
}
html[data-theme="sand"] body{background:var(--bg);color:var(--text)}

/* золотые кнопки и плашки — прежнее яркое золото, тёмный текст */
html[data-theme="sand"] :is(.btn-gold,.stab.on,.plan-badge,.sup-send,.lv button[aria-pressed="true"]){
  background:linear-gradient(135deg,#f6dc9a,#e8c26a 45%,#c9993a);color:#1a1203}
html[data-theme="sand"] .btn-gold{box-shadow:0 0 0 1px rgba(143,99,18,.35) inset,0 8px 24px -10px rgba(143,99,18,.55)}
html[data-theme="sand"] .gold-t{background:none;color:var(--gold)}
html[data-theme="sand"] .btn-ghost:not(.hb .btn-ghost){background:rgba(255,255,255,.5);border-color:rgba(143,99,18,.35)}
html[data-theme="sand"] .btn-ghost:not(.hb .btn-ghost):hover{background:rgba(143,99,18,.08)}

/* шапка: над баннером — ночная, прилипшая — песочная */
html[data-theme="sand"] .nav.stuck{background:rgba(239,233,220,.88);border-color:var(--line2)}
html[data-theme="sand"] .nav.stuck .menu{background:rgba(245,240,229,.98)}

/* главный экран: снизу баннер растворяется в песок, а не в черноту */
html[data-theme="sand"] .hb-vig{background:linear-gradient(to top,#efe9dc 0,rgba(239,233,220,.0) 9%),linear-gradient(to top,rgba(7,9,13,.55) 9%,rgba(7,9,13,.3) 30%,transparent 46%)}

/* светлый текст, вписанный в стили напрямую */
html[data-theme="sand"] :is(.lead,.glass p,.verdict,.cmp-tbl td:first-child,.ticks li){color:var(--muted)}
html[data-theme="sand"] .hb .lead{color:#e5dccb}
html[data-theme="sand"] .ai-card ol li{color:var(--text)}
html[data-theme="sand"] .ai-list li{color:var(--crystal);border-color:rgba(11,106,148,.3);background:rgba(11,106,148,.06)}
html[data-theme="sand"] .ai-card.now{border-color:rgba(11,106,148,.3)}
html[data-theme="sand"] .badge-now{background:rgba(11,106,148,.12)}
html[data-theme="sand"] .g-purple .card-h{color:#6d3df0}
html[data-theme="sand"] .n svg,html[data-theme="sand"] svg.n{color:#b9ae9b}
html[data-theme="sand"] .p svg,html[data-theme="sand"] svg.p{color:#a87a24}
html[data-theme="sand"] :is(.form label.consent.err,.fill-op,.legal .fill){color:#a3261b}

/* поверхности: вместо «чуть светлее чёрного» — бумага светлее песка */
html[data-theme="sand"] :is(.glass,.feat,.bt,.plan,.safe-list li,.step,.pipe,.cmp-wrap,.flow-step,.prow,.pw-k div,.ai-card){
  background:rgba(255,255,255,.55)}
html[data-theme="sand"] :is(.stab,.shot-cap,.reel-cap,.pipe li,.mode-sw){background:rgba(255,255,255,.6)}
html[data-theme="sand"] .flow-step.gold,html[data-theme="sand"] .cmp-col.real{background:linear-gradient(160deg,rgba(232,194,106,.22),rgba(255,255,255,.5))}
html[data-theme="sand"] .plan-pro{background:linear-gradient(160deg,rgba(232,194,106,.24),rgba(255,255,255,.6) 70%);box-shadow:0 24px 60px -36px rgba(143,99,18,.6)}
html[data-theme="sand"] .plan-dev{background:linear-gradient(160deg,rgba(15,118,110,.1),rgba(255,255,255,.6) 70%)}
html[data-theme="sand"] .bt-xl{background:linear-gradient(120deg,#fbf8f1,#f5f0e5 60%,#f1ebdf) padding-box,conic-gradient(from var(--ang,0deg),rgba(143,99,18,.15) 0%,rgba(168,122,36,.9) 12%,rgba(143,99,18,.15) 25%,rgba(143,99,18,.15) 100%) border-box}
html[data-theme="sand"] .cta-card{background:linear-gradient(#fbf8f1,#fbf8f1) padding-box,conic-gradient(from var(--ang,0deg),rgba(143,99,18,.15) 0%,rgba(168,122,36,.9) 12%,rgba(143,99,18,.15) 25%,rgba(143,99,18,.15) 100%) border-box;
  box-shadow:0 30px 80px -40px rgba(42,37,32,.45)}
html[data-theme="sand"] .calc{background:linear-gradient(160deg,#fbf8f1,#f3ede1);box-shadow:0 30px 70px -40px rgba(42,37,32,.4)}
html[data-theme="sand"] .chip{background:rgba(255,255,255,.65)}
html[data-theme="sand"] .chips li{background:rgba(143,99,18,.07)}
html[data-theme="sand"] .road li{border-bottom-color:var(--line2)}
html[data-theme="sand"] input[type=range]{background:linear-gradient(90deg,var(--gold2) var(--p,50%),rgba(42,37,32,.14) var(--p,50%))}
html[data-theme="sand"] :is(.form input,.form select,.form textarea){background:rgba(255,255,255,.75)}
html[data-theme="sand"] .form select option{background:#fbf8f1}
html[data-theme="sand"] .pw-bar i{background:rgba(42,37,32,.1)}
html[data-theme="sand"] .cmp-tbl td.us{background:linear-gradient(180deg,rgba(232,194,106,.2),rgba(232,194,106,.12))}
html[data-theme="sand"] .cmp-tbl th.us{background:linear-gradient(180deg,rgba(232,194,106,.32),rgba(232,194,106,.2))}

/* окна программы: снимки MAMAY ночные — рамка светлая, поле под снимком тёмное */
html[data-theme="sand"] .frame{background:#fbf8f1;box-shadow:0 40px 90px -40px rgba(42,37,32,.55),0 0 0 1px var(--line2)}
html[data-theme="sand"] .shot-main .frame:hover{box-shadow:0 44px 100px -40px rgba(42,37,32,.6),0 0 0 1px var(--line)}
html[data-theme="sand"] :is(.frame-media,.shot-zoom,.mk-img,.reel-stack,.tr-shot){background-color:#14110c}
html[data-theme="sand"] .tr-shot{box-shadow:0 30px 70px -40px rgba(42,37,32,.6)}
html[data-theme="sand"] .tr-prop{background:linear-gradient(180deg,rgba(232,194,106,.12),#fbf8f1 50%)}
html[data-theme="sand"] :is(.invest-shot img,.comm){box-shadow:0 30px 80px -40px rgba(42,37,32,.6)}

/* прилипающие кнопки и окна поверх страницы */
html[data-theme="sand"] .pfab{background:linear-gradient(135deg,#fbf8f1,#f1e7d2);box-shadow:0 12px 32px -12px rgba(42,37,32,.45)}
html[data-theme="sand"] .psheet{background:rgba(42,37,32,.35)}
html[data-theme="sand"] .psheet-in{background:linear-gradient(180deg,#fbf8f1,#f1ebdf);box-shadow:0 30px 80px -20px rgba(42,37,32,.5)}
html[data-theme="sand"] .sup-btn{background:rgba(251,248,241,.96);border-color:rgba(15,118,110,.45);box-shadow:0 10px 28px -12px rgba(42,37,32,.45)}
html[data-theme="sand"] .sup-box{box-shadow:0 24px 60px -18px rgba(42,37,32,.5)}
html[data-theme="sand"] .legal-top{background:rgba(239,233,220,.92)}

/* обучение (/learn/) */
html[data-theme="sand"] .lt{background:rgba(239,233,220,.92)}
html[data-theme="sand"] .lbody b{color:var(--text)}
html[data-theme="sand"] .gpop{background:#fbf8f1;box-shadow:0 18px 40px -14px rgba(42,37,32,.45)}
html[data-theme="sand"] .get-card{background:radial-gradient(ellipse at 80% 0,rgba(184,86,26,.12),transparent 60%),linear-gradient(180deg,#fbf8f1,#f1ebdf)}
html[data-theme="sand"][data-lv="novice"] .gt{border-bottom-color:rgba(143,99,18,.7)}

/* переключатели темы и языка в шапке — общие для обеих тем */
.nav-tools{display:flex;align-items:center;gap:6px}
.nav-tools+.nav-cta{margin-left:-14px}
@media (max-width:900px){.nav-tools{margin-left:auto}.nav-tools~.burger{margin-left:0}}
.tsw,.lsw{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:34px;padding:0 9px;border-radius:999px;
  border:1px solid var(--line);color:var(--text);font-size:12.5px;font-weight:700;letter-spacing:.04em;background:transparent;transition:border-color .2s,background .2s}
.tsw:hover,.lsw:hover{border-color:var(--gold);background:rgba(232,194,106,.08)}
.tsw svg{width:17px;height:17px}
.tsw .i-moon{display:none}
html[data-theme="sand"] .tsw .i-moon{display:block}
html[data-theme="sand"] .tsw .i-sun{display:none}
.legal-top .nav-tools{margin-left:auto;margin-right:18px}

/* шапка на телефоне: переключатели языка и темы не наезжают на название (30.10.2026). Запас — на крупный шрифт телефона */
.nav-tools,.burger,.lt-nav,.legal-top a.back{flex-shrink:0}
@media (max-width:350px){.nav .brand-t{display:none}}
@media (max-width:900px){.nav-in{gap:14px}}
@media (max-width:420px){.nav .brand-t i{display:none}}
@media (max-width:640px){.lt .brand-t{display:none}.lt .wrap{gap:10px}.lt-nav{gap:10px}}
@media (max-width:480px){.legal-top .brand-t{display:none}.legal-top .nav-tools{margin-right:10px}}
