/* Controle de tema: o escuro mantém o visual original de clean.css. */
.theme-toggle {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}
.theme-toggle:hover { background: var(--bg-elevated); color: var(--text-main); }
.theme-icon-sun { display: none; }
:root[data-theme="light"] .theme-icon-moon { display: none; }
:root[data-theme="light"] .theme-icon-sun { display: block; }

/* Cores da interface clara. As artes neon e a prancha conservam suas cores. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg-dark: #f8fafc;
  --bg-surface: #ffffff;
  --bg-elevated: #edf1f6;
  --bg-card: #ffffff;
  --bg-card-hover: #f0f3f8;
  --border-subtle: #18243b12;
  --border-strong: #18243b26;
  --text-main: #202735;
  --text-muted: #5d6675;
  --text-dim: #697385;
  --designi-cyan: #4263d9;
  --designi-green: #137f59;
  --accent: #087f91;
  --accent-hover: #0a6b7b;
  --accent-soft: #27cce018;
}

:root[data-theme="light"] :is(.navbar, .hero-section, .studio-workspace) { background: var(--bg-dark); }
:root[data-theme="light"] :is(.brand-logo, .brand-name, .asset-title, .footer-brand) { color: var(--text-main); }
:root[data-theme="light"] :is(.brand-sub, .hero-pill, .hero-subtitle, .results-counter, .asset-meta, .site-footer, .footer-brand > span, .site-footer button) { color: var(--text-muted); }

:root[data-theme="light"] :is(.header-search, .search-bar-wrapper, .qcat-item, .workflow-showcase-card, .wf-step-box, .wf-step-result, .pricing-card, .auth-modal-card, .studio-sidebar-left, .studio-sidebar-right, .stage-topbar) {
  background: var(--bg-surface);
  border-color: var(--border-subtle);
}
:root[data-theme="light"] .search-bar-wrapper { box-shadow: 0 6px 25px #18243b08; }
:root[data-theme="light"] :is(.header-search input, .search-input) { color: var(--text-main); }
:root[data-theme="light"] :is(.header-search input::placeholder, .search-input::placeholder) { color: var(--text-dim); }
:root[data-theme="light"] :is(.hero-search-icon, .header-search > svg) { color: var(--text-dim); }
:root[data-theme="light"] .search-submit-btn { background: #27cce0; color: #06272c; }
:root[data-theme="light"] .search-submit-btn:hover { background: #58d9e8; }
:root[data-theme="light"] .search-bar-wrapper .xs-dropdown-trigger { color: var(--text-muted); }

:root[data-theme="light"] .account-trigger { color: var(--text-main); background: #edf1f6; border-color: var(--border-subtle); }
:root[data-theme="light"] .account-trigger:hover { background: #e2e8f1; color: var(--accent); }
:root[data-theme="light"] .nav-dock-item { color: var(--text-muted); }
:root[data-theme="light"] :is(.nav-dock-item:hover, .nav-dock-item.active, .nav-dock-studio.active) { color: var(--text-main); background: #18243b08; }
:root[data-theme="light"] :is(.badge-studio-pill, .nav-dock-studio.active .badge-studio-pill) { color: #3c50c3; background: #4263ff12; }
:root[data-theme="light"] .crown-icon { color: #b77900 !important; }

:root[data-theme="light"] .xs-dropdown-menu { background: #fff; border-color: var(--border-strong); box-shadow: 0 15px 40px #18243b18; }
:root[data-theme="light"] :is(.dd-option, .dd-opt-text strong, .xs-dropdown-trigger) { color: var(--text-main); }
:root[data-theme="light"] .dd-option:hover { background: #edf1f6; }
:root[data-theme="light"] .dd-option.active { background: #4263ff0d; border-color: #4263ff30; }
:root[data-theme="light"] .dd-icon-box { color: var(--text-muted); background: #edf1f6; }
:root[data-theme="light"] .dd-menu-header { border-color: var(--border-subtle); }
:root[data-theme="light"] .dd-opt-icon.icon-cyan { background: #27cce018; color: #087f91; }
:root[data-theme="light"] .dd-opt-icon.icon-pink { background: #ba427b12; color: #a43369; }
:root[data-theme="light"] .xs-trigger-compact { background: #fff; border-color: var(--border-strong); }

:root[data-theme="light"] .qcat-item { color: var(--text-main); }
:root[data-theme="light"] .qcat-item:hover { background: #eef2f7; }
:root[data-theme="light"] .qcat-item.active { background: #fff; border-color: #18243b26; }
:root[data-theme="light"] .qcat-item small { color: var(--text-muted); }
:root[data-theme="light"] .qcat-item:nth-child(3) .qcat-icon { background: #f8eaf1; color: #a84e82; }
:root[data-theme="light"] .qcat-item:nth-child(4) .qcat-icon { background: #e4f3ed; color: #35765f; }
:root[data-theme="light"] .qcat-item:nth-child(5) .qcat-icon { background: #eeebf8; color: #7753aa; }
:root[data-theme="light"] .qcat-item:nth-child(6) .qcat-icon { background: #e8eff8; color: #4b709c; }
:root[data-theme="light"] .lic-pill.active { background: #e7ecf3; border-color: var(--border-subtle); color: var(--text-main); }
:root[data-theme="light"] .asset-actions { opacity: 1; }
:root[data-theme="light"] :is(.btn-card-studio, .btn-card-download) { background: #edf1f6; color: #46536a; border-color: var(--border-subtle); }
:root[data-theme="light"] :is(.btn-card-studio:hover, .btn-card-download:hover) { background: #e1e8f3; color: #2d46b4; }
:root[data-theme="light"] .badge-pro { color: #80e4ef; background: #16363be8; }
:root[data-theme="light"] :is(.wf-step-tag, .wf-step-tag.tag-green) { color: var(--text-muted); }
:root[data-theme="light"] .wf-arrow-circle { background: #edf1f6; color: var(--text-muted); }
:root[data-theme="light"] .banner-tag { color: #4263d9; }

/* Editor: controles claros, sem alterar as imagens, cenários ou composição. */
:root[data-theme="light"] :is(.studio-input, .segmented-control, .font-card, .scenario-card, .leg-pill, .current-input-card, .tech-spec-card, .form-field input, .auth-switch-tabs, .param-subtabs) {
  background: #f1f4f8;
  border-color: var(--border-strong);
}
:root[data-theme="light"] :is(.control-label, .studio-input, .scenario-card, .font-card, .leg-pill, .slider-info strong, .toggle-row, .current-input-meta strong, .spec-list li strong, .form-field label, .form-field input) { color: var(--text-main); }
:root[data-theme="light"] :is(.scenario-card.active, .font-card.active) { background: #4263ff10; border-color: var(--designi-blue); }
:root[data-theme="light"] .scenario-card:hover { border-color: #4263ff70; }
:root[data-theme="light"] .studio-range { background: #dce2eb; border-color: var(--border-strong); }
:root[data-theme="light"] .slider-toggle { background: #b0bac9; }
:root[data-theme="light"] .color-swatch { border-color: #18243b30; }
:root[data-theme="light"] .color-swatch.active { border-color: #4263ff; }
:root[data-theme="light"] .spec-list li { border-color: var(--border-strong); }
:root[data-theme="light"] :is(.wall-pill, .cam-btn, .dock-btn) { background: #edf1f6; color: var(--text-muted); }
:root[data-theme="light"] :is(.wall-pill.active, .cam-btn.active, .dock-btn.active) { background: var(--designi-blue); color: #fff; }
:root[data-theme="light"] .viewport-3d { background: #e9edf3; }
:root[data-theme="light"] .stage-bottom-dock { background: #fff; border-color: var(--border-strong); box-shadow: 0 8px 25px #18243b18; }
:root[data-theme="light"] :is(.zoom-btn, .btn-upload-another, .btn-save-project, .btn-plan-outline) { color: var(--text-main); }
:root[data-theme="light"] :is(.btn-upload-bg, .btn-export-secondary) { color: #4263d9; }
:root[data-theme="light"] .before-card-panel { background: #fff; box-shadow: 0 15px 35px #18243b18; }
:root[data-theme="light"] .before-badge { background: #edf1f6; color: var(--text-main); }
:root[data-theme="light"] .dropzone-overlay { color: #fff; }
:root[data-theme="light"] .dropzone-overlay span { color: #d9dfea; }

/* Planos, autenticação e notificações */
:root[data-theme="light"] .pricing-featured { background: #fff; border-color: #27cce080; }
:root[data-theme="light"] :is(.btn-plan-gold, .popular-ribbon) { background: #27cce0; color: #06272c; }
:root[data-theme="light"] .btn-social { background: #f1f4f8; color: var(--text-main); border-color: var(--border-strong); }
:root[data-theme="light"] .visual-toast { color: var(--text-main); border-color: var(--border-strong); box-shadow: 0 12px 35px #18243b18; }

@media (max-width: 360px) {
  .navbar-right { gap: 3px; }
  .theme-toggle { width: 32px; }
  .account-trigger { padding: 0 9px; gap: 6px; }
}