/* White means neutral white/gray. Semantic answer colors remain intact. */
:root[data-ui="studio"][data-theme="light"] {
  --bg-primary: #ffffff !important; --bg-card: #ffffff !important;
  --bg-secondary: #f5f5f5 !important; --bg-card-hover: #f7f7f7 !important;
  --bg-lighter: #ededed !important; --border: #dedede !important;
  --border-hover: #909090 !important; --text-primary: #252525 !important;
  --text-secondary: #505050 !important; --text-muted: #606060 !important;
  --accent: #404040 !important; --accent-2: #222222 !important; --accent-3: #404040 !important;
  --studio-primary: #333333; --studio-primary-text: #fff; --studio-soft: #f5f5f5;
  --studio-line: #dedede; --cosmic-panel: #fff; --cosmic-violet: #555;
  --studio-wash: #f6f6f6; --studio-wash-strong: #ededed; --ui-focus-ring: #707070;
}
html[data-ui="studio"][data-theme="light"] :is(.sidebar,.app-topbar,.learning-focus,.learning-focus-progress,.course-card,.learning-section,.exam-hero,.exam-hero-ielts,.study-studio-hero,.study-studio-panel,.study-studio-next,.bp-hero,.bp-progress-card) { background: #fff !important; border-color: #dedede !important; }
html[data-ui="studio"][data-theme="light"] .sidebar .sidebar-link.active,
html[data-ui="studio"][data-theme="light"] :is(.toeic-category-filters,.exam-workspace-nav) button[aria-pressed="true"] { color: #292929 !important; background: #efefef !important; border-color: #d8d8d8 !important; box-shadow: none; }
html[data-ui="studio"][data-theme="light"] :is(.sidebar-stat,.account-badge,.file-sync-badge,.theme-toggle,.app-search-button,.app-profile-button,.study-studio-suggestion,.study-studio-tabs,.study-plan-summary > div,.study-plan-empty) { background: #f7f7f7 !important; color: #505050 !important; border-color: #dedede !important; }
html[data-ui="studio"][data-theme="light"] .study-studio-hero::before,
html[data-ui="studio"][data-theme="light"] .study-studio-hero::after { display: none; }
html[data-ui="studio"][data-theme="light"] .flow-motion-toggle { color: #505050 !important; }
html[data-ui="studio"][data-theme="light"] :is(.course-icon,.skill-icon,.theme-toggle > .material-icons,.study-studio-suggestion-icon,.study-studio-next > .material-icons) { background: #f3f3f3 !important; color: #555 !important; }
html[data-ui="studio"][data-theme="light"] .ielts-skill-grid > button:nth-child(2n) .skill-icon { background: #f3f3f3 !important; color: #555 !important; }
html[data-ui="studio"][data-theme="light"] .sidebar .sidebar-link-badge { background: #ededed !important; color: #505050 !important; }
html[data-ui="studio"][data-theme="light"] .btn-primary,
html[data-ui="studio"][data-theme="light"] #page-ielts :is(.ielts-practice-mode.active,#ielts-practice-start,.ielts-practice-stage .btn-primary),
html[data-ui="studio"][data-theme="light"] .toeic-full-test-launch #toeic-full-test-start,
html[data-ui="studio"][data-theme="light"] .orbit-destination-go { background: #333 !important; border-color: #333 !important; color: #fff !important; }
html[data-ui="studio"][data-theme="light"] .btn-primary:hover { background: #151515 !important; border-color: #151515 !important; }
html[data-ui="studio"][data-theme="light"] .orbit-destination-chip[aria-pressed="true"] { background: #ededed; color: #222; border-color: #888; }
html[data-ui="studio"][data-theme="light"] .learning-task-grid .departure-row { background: #fff !important; border-color: #dedede !important; }
html[data-ui="studio"][data-theme="light"] .learning-task-grid .departure-row > span:last-child { background: #f5f5f5 !important; }
html[data-ui="studio"][data-theme="light"] .learning-level-grid .passport-gate { background: #fff !important; border-color: #ddd !important; }
html[data-ui="studio"][data-theme="light"] .learning-level-grid .passport-gate.current { box-shadow: inset 0 3px 0 #666; }
html[data-ui="studio"][data-theme="light"] .learning-focus .learning-level-icon { background: #f3f3f3 !important; color: #555 !important; }
html[data-ui="studio"][data-theme="light"] .learning-focus-progress :is(small,p,p b),
html[data-ui="studio"][data-theme="light"] .learning-focus .learning-focus-progress #passport-current-gate { color: #505050 !important; }
html[data-ui="studio"][data-theme="light"] #account-modal { --auth-surface: #fff; --auth-surface-soft: #f5f5f5; --auth-input: #fafafa; --auth-surface-hover: #eee; --auth-text: #252525; --auth-muted: #505050; --auth-subtle: #606060; --auth-border: #ddd; --auth-primary: #333; --auth-primary-hover: #111; --auth-primary-text: #fff; --auth-focus: #55555520; }