/* Shared surfaces preserve the homepage's existing SONA palette. */
:root {
  color-scheme: light;
  --surface: #fff;
  --surface-2: #f6fbff;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --sky:#4facf5; --sky-2:#7cc9ff; --sky-3:#a5dbff; --sky-deep:#63b9ff; --sky-ink:#8fd0ff;
  /* Графіт із холодним відтінком, а не темно-синій: поверхні й лінії сірі, синій лишається
     акцентом (кнопки, посилання, підсвітки). --raised — картка, що лежить на поверхні. */
  --sky-soft:#2a3d51; --sky-tint:#1a2531;
  --ink:#e9edf2; --text:#b9c2cc; --muted:#8f9aa6; --faint:#8f9aa6;
  --line:#2c333c; --line-2:#23282f;
  --page:#121519; --surface:#191d23; --surface-2:#15181d; --raised:#20252c; --shadow-tone:0,0,0;
  --bg:#121519; --tint:#15181d; --band:#1a2531;
  --shadow:0 24px 60px -24px rgba(0,0,0,.5);
  --shadow-sm:0 12px 30px -16px rgba(0,0,0,.5);
}
.sona-theme-toggle {
  display: inline-grid; place-items: center; flex: none;
  width:40px; height:40px; padding:0; border:1px solid var(--line);
  border-radius:50%; background:var(--surface); color:var(--ink);
  font:inherit; font-size:17px; cursor:pointer;
}
.sona-theme-toggle:hover { border-color:var(--sky); }
[data-theme-toggle]:focus-visible { outline:3px solid var(--sky); outline-offset:3px; }
/* Keep a theme control available even on small phones. */
@media (max-width:365px) { .themesw[data-theme-toggle] { display:grid; } }

:root[data-theme="dark"] .site-classic .hdr { background:rgba(25,29,35,.94); }
:root[data-theme="dark"] .site-classic .mnav { background:var(--surface); }
:root[data-theme="dark"] .site-classic :is(.lang-toggle,.burger,.btn-ghost,.sv1-eyebrow,.sv1-dock,.field,.chip-toggle:not(.active)) {
  background-color:var(--surface); color:var(--text);
}
:root[data-theme="dark"] .site-classic :is(.vcard,.vtile,.sona-v1-card) { background:var(--surface); }
:root[data-theme="dark"] .site-classic .sona-v1-panel {
  background:linear-gradient(145deg,var(--surface),var(--sky-tint));
}
:root[data-theme="dark"] .site-classic .pcap { background:rgba(32,37,44,.9); border-color:var(--line); }
:root[data-theme="dark"] .site-classic .pcap:hover { background:#252b33; }
:root[data-theme="dark"] .site-classic .pcsheen { opacity:.2; }
:root[data-theme="dark"] .site-classic .pcart { background:linear-gradient(150deg,#243242,#1e2936); }
:root[data-theme="dark"] .site-classic .pcsubs { background:rgba(255,255,255,.05); border-color:var(--line); }
:root[data-theme="dark"] .site-classic .pcwave .bars s { background:rgba(190,220,245,.28); }
:root[data-theme="dark"] .site-classic .pcap.on .pcwave .bars s.done { background:var(--sky-deep); }
:root[data-theme="dark"] .site-classic .sona-v1-grid .vcopy { background:var(--surface-2); }
:root[data-theme="dark"] .site-classic .sona-v1-grid .vcopy:hover { background:var(--sky-tint); }
:root[data-theme="dark"] .site-classic :is(.terms-date,.terms-nav a:hover) { background:var(--surface); }
:root[data-theme="dark"] .site-classic .terms-highlight { background:linear-gradient(135deg,var(--sky-tint),var(--surface)); }
:root[data-theme="dark"] .site-classic input::placeholder { color:var(--muted); opacity:1; }

.influencer-page .appearance-controls { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-bottom:20px; }
.influencer-page .appearance-controls .lang-toggle { position:static; }
:root[data-theme="dark"] .influencer-page { background:var(--page); }
:root[data-theme="dark"] .influencer-page :is(.card,input,select,textarea,.seg span,.lang-toggle) { background:var(--surface); }
:root[data-theme="dark"] .influencer-page .seg input:checked + span { background:var(--sky-tint); }
:root[data-theme="dark"] .influencer-page input::placeholder,
:root[data-theme="dark"] .influencer-page textarea::placeholder { color:var(--muted); opacity:1; }
:root[data-theme="dark"] .influencer-page .ok { color:#58d596; }
:root[data-theme="dark"] .influencer-page .err { color:#ff9991; }
/* Keep light text and playback icons legible on active blue controls. */
:root[data-theme="dark"] .site-classic :is(.btn-primary,.vplay,.vt-play,.pcplay,.sv1-thumb,.chip-toggle.active) {
  background:linear-gradient(135deg,#286994,#165483);
}
:root[data-theme="dark"] .site-classic .pcap,
:root[data-theme="dark"] .site-classic .pcap:hover {
  box-shadow:0 26px 60px -34px #000,inset 0 1px 0 rgba(150,200,240,.14);
}
:root[data-theme="dark"] .site-classic .pcart {
  box-shadow:inset 0 1px 0 rgba(150,200,240,.14),0 8px 18px -10px #000;
}
:root[data-theme="dark"] .site-classic .pctrack span {
  background:linear-gradient(90deg,var(--sky-deep) 0 var(--kp),var(--muted) var(--kp));
  -webkit-background-clip:text; background-clip:text;
}
:root[data-theme="dark"] .influencer-page button.submit { background:linear-gradient(135deg,#286994,#165483); }
/* Visually hidden radios must not extend a full viewport beyond their labels. */
.influencer-page .seg input { width:1px; height:1px; padding:0; border:0; clip-path:inset(50%); }
.influencer-page .seg input:focus-visible + span { outline:3px solid var(--sky); outline-offset:3px; }
@media (max-width:380px) {
  .site-classic .hdr-in { gap:8px; }
  .site-classic .lang-toggle { padding:0 9px; gap:5px; }
  .site-classic .lang-toggle .lt-code { display:none; }
}