/* Blue daytime matches the in-conversation preview palette. */
html[data-theme=light][data-palette=blue]{
  --bg:#f7f9fc;
  --surface:#ffffff;
  --surface-2:#f0f4fa;
  --text:#172033;
  --muted:#607087;
  --line:#e0e7f0;
  --accent:#2563eb;
  --accent-strong:#1d4ed8;
  --lilac:#eef4ff;
  --soft:#eef4ff;
  --shadow:0 16px 50px #1935550b;
  color-scheme:light;
  accent-color:var(--accent);
}
html[data-theme=light][data-palette=blue] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--accent)}
html[data-theme=light][data-palette=blue] :is(.primary,.account-primary){box-shadow:0 4px 10px #2563eb20}
html[data-theme=light][data-palette=blue] .hero-art{background:var(--soft)}
html[data-theme=light][data-palette=blue] .art-label{color:#526a8d}
html[data-theme=light][data-palette=blue] .hero-caption{box-shadow:0 15px 35px #183b6914}
html[data-theme=light][data-palette=blue] .moments-art{background:var(--soft)}
html[data-theme=light][data-palette=blue] .scene-stamp{border-color:var(--line);color:#536a8a}
html[data-theme=light][data-palette=blue] .mode-indicator{box-shadow:0 2px 5px #183b690b}
html[data-theme=light][data-palette=blue] .plan-card.featured{border-color:#a9c4f8}
html[data-theme=light][data-palette=blue] .command-result mark{background:#c9dcff}
html[data-theme=light][data-palette=blue] .courses-dialog{box-shadow:0 24px 80px #183b6930}
html[data-theme=light][data-palette=blue] dialog::backdrop,
html[data-theme=light][data-palette=blue] .insight-panel::backdrop{background:#10203970}
html[data-theme=light][data-palette=blue] :is(.terms-dialog,.correction-dialog,#audioCheckDialog)::backdrop{background:#10203975}
html[data-theme=light][data-palette=blue] .courses-dialog::backdrop{background:#10203966}
html[data-theme=light][data-palette=blue] body.workspace-nav-open .workspace-nav-backdrop:not([hidden]){background:#172a4666}

/* One compact appearance control for day and night. */
.nav-actions>.theme-toggle{position:relative;flex-shrink:0}
.nav-actions>.theme-toggle .theme-toggle-icon{mask-image:url('/vendor/lucide/sun.svg')}
.nav-actions>.theme-toggle[data-theme-choice=dark] .theme-toggle-icon{mask-image:url('/vendor/lucide/moon.svg')}
.nav-actions>.theme-toggle::after{content:'';position:absolute;right:6px;bottom:6px;width:6px;height:6px;border-radius:50%;background:#7355d7;box-shadow:0 0 0 2px var(--bg);pointer-events:none}
.nav-actions>.theme-toggle[data-theme-choice=light]::after{background:#7355d7}
.nav-actions>.theme-toggle[data-theme-choice=dark]::after{background:#b29af7}
@media(max-width:760px){
  .nav-actions>.theme-toggle{width:44px;height:44px}
}