/* Final learner-facing palettes; light by default, dark only by explicit choice.
   Do not recolor video/images/canvas or the backdrop as if they were content panels. */
:root[data-ui="studio"][data-theme="light"] {
  color-scheme:light!important;
  --bg-primary:#ffffff!important; --bg-secondary:#f5f6f8!important;
  --bg-card:#ffffff!important; --bg-card-hover:#f1f4f7!important;
  --bg-dark:#edf0f4!important; --bg-lighter:#e9edf2!important;
  --text-primary:#252b35!important; --text-secondary:#4b5563!important; --text-muted:#606b79!important;
  --border:#dce1e8!important; --border-hover:#8a97a8!important;
  --success:#226b46!important; --danger:#ae3340!important; --warning:#805413!important;
  --shadow:0 8px 28px rgba(25,40,60,.08);
}
:root[data-ui="studio"][data-theme="dark"] {
  color-scheme:dark!important;
  --bg-primary:#151b24!important; --bg-secondary:#242e3b!important; --bg-card:#1d2632!important;
  --bg-card-hover:#293644!important; --bg-dark:#121820!important; --bg-lighter:#303e4e!important;
  --text-primary:#f4f7fb!important; --text-secondary:#d1dce7!important; --text-muted:#b5c5d5!important;
  --border:#465568!important; --border-hover:#a6b5c8!important;
  --accent:#ffb36b!important; --accent-2:#ffc58e!important; --accent-3:#ffb36b!important;
  --success:#8bd9ad!important; --danger:#ff9ba4!important; --warning:#f4cb7d!important;
  --studio-primary:#ffb36b; --studio-primary-text:#271a0f; --studio-soft:#293644;
  --auth-surface:#1d2632; --cosmic-panel:#1d2632; --studio-line:#465568;
}
html[data-ui="studio"] body{color-scheme:inherit;background:var(--bg-primary)!important;color:var(--text-primary)!important}
html[data-ui="studio"][data-theme="dark"] :is(.sidebar,.app-topbar,.theme-toggle,.learning-focus,.learning-focus-progress,.course-card,.learning-section,.study-studio-hero,.study-studio-panel,.bp-hero,.bp-progress-card,.bp-stage,.bp-stages-primary,.vocab-topic-card){background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-ui="studio"][data-theme="dark"] :is(.modal-overlay,.account-modal){background:rgba(0,0,0,.55)}
html[data-ui="studio"][data-theme="dark"] .btn-primary{background:var(--accent)!important;color:#271a0f!important;border-color:var(--accent)!important}
html[data-ui="studio"][data-theme="dark"] #account-modal{--auth-surface:#1d2632;--auth-surface-soft:#242e3b;--auth-input:#151b24;--auth-text:#f4f7fb;--auth-muted:#d1dce7;--auth-subtle:#b5c5d5;--auth-border:#465568;--auth-primary:#ffb36b;--auth-primary-text:#271a0f;--auth-primary-hover:#ffc58e}
html[data-ui="studio"] :is(.modal,.toeic-confirm-dialog,.feature-search,.bp-batch-submit){
  background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important;
  box-shadow:0 14px 45px rgba(25,40,60,.14);
}
html[data-ui="studio"] :is(.modal-title,.toeic-confirm-dialog h3,.toeic-confirm-dialog h2){color:var(--text-primary)!important}
html[data-ui="studio"] :is(.toeic-confirm-message,.modal p){color:var(--text-secondary)!important}
html[data-ui="studio"] .modal-overlay{background:rgba(38,48,65,.30);backdrop-filter:blur(3px);padding:16px}
html[data-ui="studio"] .modal-close{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}
html[data-ui="studio"] .modal :is(.btn:not(.btn-primary):not(.btn-danger)){background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-ui="studio"] :is(.toeic-full-test-shell,.toeic-full-test-header,.toeic-full-test-navigator,.toeic-full-test-question,.toeic-full-test-stimulus){background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}
html[data-ui="studio"] .feature-search::backdrop{background:rgba(38,48,65,.30)}
html[data-ui="studio"] :is(input,textarea,select){color-scheme:inherit}
html[data-ui="studio"] .vocab-topic-actions select{flex-shrink:0}
@media(max-width:600px){html[data-ui="studio"] .modal{padding:20px;max-height:calc(100dvh - 32px)}.toeic-confirm-actions{flex-wrap:wrap}}