/* Light theme — overrides the dark tokens from academy-design-system.css */
html[data-theme="light"]{
  --bg-deep:#f6f4fa;
  --surface:#ffffff;
  --surface-alt:#f0ecf8;
  --border:#dcd5ec;
  --text:#1a1526;
  --text-muted:#5f5872;
  --pink:#d6337c;
  --pink-soft:#fde8f1;
  --lime:#4f7d00;
  --lime-soft:#eef7dc;
  --cyan:#0d7f9e;
  --cyan-soft:#e2f4fa;
  --danger:#c93838;
}
html[data-theme="light"] .btn-primary{background:var(--lime);color:#fff}
html[data-theme="light"] .btn-danger{background:var(--danger);color:#fff}
html[data-theme="light"] .caption-bar{background:rgba(26,21,38,.9)}
html[data-theme="light"] .hero-frame{background:linear-gradient(160deg,#ffffff,#f4f0fb)}
html[data-theme="light"] .hero-tc,
html[data-theme="light"] .caption-timecode{background:rgba(26,21,38,.8)}
html[data-theme="light"] .band{background:linear-gradient(140deg,#f2ecfb,#f8f6fc)}
html[data-theme="light"] .pub-nav{background:rgba(255,255,255,.9)}
html[data-theme="light"] .side-link.active{box-shadow:inset 3px 0 0 var(--pink)}

/* Segmented control shared by language + theme switches */
.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;
  background:var(--surface-alt)}
.seg > *{padding:6px 11px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;
  color:var(--text-muted);text-decoration:none;line-height:1.35;background:transparent;border:0;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:34px}
.seg > *:not(:last-child){border-inline-end:1px solid var(--border)}
.seg > *:hover{color:var(--text)}
.seg > .on{background:var(--lime);color:#16220a;font-weight:700}
html[data-theme="light"] .seg > .on{color:#fff}
.seg-wrap{display:inline-flex;gap:8px;align-items:center}