/* Aurora Unified Light Theme — all workspaces (matches PPT v32 editorial light) */

:root {
  --aurora-bg: #f4f1ea;
  --aurora-bg-elevated: #ffffff;
  --aurora-canvas: #e8e4db;
  --aurora-text: #141418;
  --aurora-muted: #6b6b73;
  --aurora-border: rgba(20, 20, 24, 0.1);
  --aurora-border-strong: rgba(20, 20, 24, 0.14);
  --aurora-accent: #b8895a;
  --aurora-accent-soft: rgba(184, 137, 90, 0.12);
  --aurora-accent-border: rgba(184, 137, 90, 0.35);
  --aurora-hover: rgba(20, 20, 24, 0.04);
  --aurora-inset: rgba(20, 20, 24, 0.05);
  --aurora-shadow: 0 8px 32px -12px rgba(20, 20, 24, 0.1);
  --aurora-glass: rgba(255, 255, 255, 0.92);
  --aurora-gradient-accent: linear-gradient(135deg, #e8c9a0 0%, #c8956c 45%, #a8764a 100%);
}

/* ── Obsidian / Studio Pro ── */
body.obsidian-app {
  background: var(--aurora-bg) !important;
  color: var(--aurora-text) !important;
}

body.obsidian-app::before {
  background:
    radial-gradient(900px 620px at 10% 0%, rgba(184, 137, 90, 0.1), transparent 60%),
    radial-gradient(880px 640px at 92% 100%, rgba(120, 140, 180, 0.08), transparent 62%),
    radial-gradient(700px 700px at 60% 40%, rgba(184, 137, 90, 0.05), transparent 65%) !important;
}

body.obsidian-app .glass {
  background: var(--aurora-glass) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.obsidian-app .glass-2 {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid var(--aurora-border) !important;
}

body.obsidian-app .chip {
  border: 1px solid var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-text) !important;
}

body.obsidian-app .chip:hover {
  border-color: var(--aurora-accent-border) !important;
  color: var(--aurora-accent) !important;
  background: var(--aurora-accent-soft) !important;
}

body.obsidian-app .chip.on {
  background: var(--aurora-accent-soft) !important;
  border-color: var(--aurora-accent-border) !important;
  color: var(--aurora-accent) !important;
}

body.obsidian-app .fld {
  border: 1px solid var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-text) !important;
}

body.obsidian-app .fld:focus {
  border-color: var(--aurora-accent-border) !important;
  box-shadow: 0 0 0 3px var(--aurora-accent-soft) !important;
  background: #fff !important;
}

body.obsidian-app .lyr {
  border: 1px solid var(--aurora-border) !important;
}

body.obsidian-app .lyr.sel {
  border-color: var(--aurora-accent-border) !important;
  background: var(--aurora-accent-soft) !important;
}

body.obsidian-app #stageWrap {
  background-image: radial-gradient(rgba(20, 20, 24, 0.08) 1px, transparent 1px) !important;
  background-color: var(--aurora-canvas) !important;
}

body.obsidian-app input[type="range"] {
  background: rgba(20, 20, 24, 0.12) !important;
}

body.obsidian-app input[type="range"]::-webkit-slider-thumb {
  background: var(--aurora-accent) !important;
  box-shadow: 0 0 8px rgba(184, 137, 90, 0.45) !important;
}

body.obsidian-app .neon,
body.obsidian-app .neon-amber {
  box-shadow: 0 4px 16px -4px rgba(184, 137, 90, 0.35) !important;
}

body.obsidian-app .text-slate-400,
body.obsidian-app .text-slate-500 {
  color: var(--aurora-muted) !important;
}

body.obsidian-app .text-cyan-300,
body.obsidian-app .text-cyan-400 {
  color: var(--aurora-accent) !important;
}

body.obsidian-app .bg-white\/10,
body.obsidian-app .bg-white\/6 {
  background: var(--aurora-inset) !important;
}

body.obsidian-app .aurora-local-tool-tag .name {
  color: var(--aurora-text) !important;
}

/* ── Canvas / studio.html ── */
body.studio-app {
  background: var(--aurora-bg) !important;
  color: var(--aurora-text) !important;
}

body.studio-app::before {
  background:
    radial-gradient(700px 460px at 10% 6%, rgba(184, 137, 90, 0.08), transparent 62%),
    radial-gradient(760px 520px at 92% 94%, rgba(120, 140, 180, 0.06), transparent 62%) !important;
}

body.studio-app header.glass-dark {
  background: var(--aurora-glass) !important;
  color: var(--aurora-text) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.studio-app .glass {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.studio-app .chip {
  border-color: var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
}

body.studio-app .chip.active {
  background: var(--aurora-text) !important;
  color: #fff !important;
}

body.studio-app .num {
  border-color: var(--aurora-border) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

body.studio-app .text-white {
  color: var(--aurora-text) !important;
}

body.studio-app .text-navy-200,
body.studio-app .text-flame-400 {
  color: var(--aurora-muted) !important;
}

body.studio-app .dock-btn.active {
  background: var(--aurora-gradient-accent) !important;
  color: #fff !important;
}

body.studio-app .glass-dark,
body.studio-app .studio-rail.glass-dark,
body.studio-app #rightPanel.glass-dark,
body.studio-app #ctxBar.glass-dark {
  background: var(--aurora-glass) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
  color: var(--aurora-text) !important;
}

/* ── Nova Builder ── */
body.nova-app {
  background: var(--aurora-bg) !important;
  color: var(--aurora-text) !important;
}

body.nova-app::before {
  background:
    radial-gradient(760px 520px at 8% 4%, rgba(184, 137, 90, 0.08), transparent 62%),
    radial-gradient(760px 560px at 94% 96%, rgba(120, 140, 180, 0.06), transparent 62%) !important;
}

body.nova-app .glass {
  background: var(--aurora-glass) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.nova-app .glass-soft {
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid var(--aurora-border) !important;
}

body.nova-app .fld {
  border: 1px solid var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-text) !important;
}

body.nova-app .fld:focus {
  border-color: var(--aurora-accent-border) !important;
  box-shadow: 0 0 0 3px var(--aurora-accent-soft) !important;
}

body.nova-app .text-mist-300,
body.nova-app .text-mist-400 {
  color: var(--aurora-muted) !important;
}

body.nova-app .text-volt-300,
body.nova-app .text-volt-400 {
  color: var(--aurora-accent) !important;
}

body.nova-app .border-white\/10 {
  border-color: var(--aurora-border) !important;
}

body.nova-app .bg-white\/6,
body.nova-app .bg-white\/4 {
  background: var(--aurora-inset) !important;
}

body.nova-app .tab-btn.active,
body.nova-app .dev-btn.active,
body.nova-app .slide-tab.active {
  background: var(--aurora-accent-soft) !important;
  color: var(--aurora-accent) !important;
  border-color: var(--aurora-accent-border) !important;
}

body.nova-app #canvasWrap {
  background: radial-gradient(ellipse at 50% 0%, rgba(184, 137, 90, 0.05), transparent 55%) !important;
}

body.nova-app #deviceFrame.is-sim {
  background: #fff !important;
  border-color: var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body.nova-app .block.sel {
  border-color: var(--aurora-accent-border) !important;
  box-shadow: 0 0 0 1px var(--aurora-accent-soft), 0 0 24px -8px rgba(184, 137, 90, 0.25) !important;
}

/* ── Showcase gallery ── */
body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) {
  background: var(--aurora-bg) !important;
  color: var(--aurora-text) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home)::before {
  background:
    radial-gradient(900px 600px at 8% 0%, rgba(184, 137, 90, 0.08), transparent 60%),
    radial-gradient(800px 600px at 92% 100%, rgba(120, 140, 180, 0.06), transparent 62%) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .glass {
  background: var(--aurora-glass) !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .text-slate-400 {
  color: var(--aurora-muted) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .text-cyan-400,
body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .hover\:text-cyan-300:hover {
  color: var(--aurora-accent) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .chip-f.on,
body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .chip-f:hover {
  border-color: var(--aurora-accent-border) !important;
  color: var(--aurora-accent) !important;
  background: var(--aurora-accent-soft) !important;
}

body:not(.obsidian-app):not(.studio-app):not(.nova-app):not(.aurora-home) .tpl-card:hover {
  box-shadow: 0 16px 40px -16px rgba(184, 137, 90, 0.25) !important;
  border-color: var(--aurora-accent-border) !important;
}

/* ── Pro refine (Obsidian inspector) ── */
body.obsidian-app.obsidian-refined .pro-inspector-tab.on {
  color: var(--aurora-accent) !important;
  border-color: var(--aurora-accent-border) !important;
  background: var(--aurora-accent-soft) !important;
  box-shadow: none !important;
}

body.obsidian-app.obsidian-refined .pro-inspector-tab {
  border-color: var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-muted) !important;
}

body.obsidian-app.obsidian-refined #proExportMenu,
body.obsidian-app.obsidian-refined #proStudioMenu {
  background: #fff !important;
  border: 1px solid var(--aurora-border) !important;
  box-shadow: var(--aurora-shadow) !important;
  color: var(--aurora-text) !important;
}

body.obsidian-app.obsidian-refined #proStudioMenu button {
  color: var(--aurora-text) !important;
}

body.obsidian-app.obsidian-refined #proStudioMenu button:hover {
  background: var(--aurora-accent-soft) !important;
}

body.obsidian-app.obsidian-refined #btnFocusCanvas.on {
  border-color: var(--aurora-accent-border) !important;
  color: var(--aurora-accent) !important;
  background: var(--aurora-accent-soft) !important;
}

/* ── Controls & toolhub (light defaults) ── */
.aurora-confirm {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--aurora-border) !important;
  color: var(--aurora-text) !important;
  box-shadow: var(--aurora-shadow) !important;
}

.tt:focus-visible::after,
.tt:hover::after {
  background: var(--aurora-text) !important;
  color: #fff !important;
}

#auroraPalette {
  background: rgba(244, 241, 234, 0.82) !important;
}

.aurora-palette-box {
  background: #fff !important;
  border-color: var(--aurora-border) !important;
  color: var(--aurora-text) !important;
  box-shadow: 0 24px 64px -16px rgba(20, 20, 24, 0.15) !important;
}

#auroraPaletteInput {
  background: #fff !important;
  color: var(--aurora-text) !important;
  border-bottom-color: var(--aurora-border) !important;
}

.aurora-hub-trigger {
  border-color: var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-muted) !important;
}

.aurora-hub-trigger:hover {
  border-color: var(--aurora-accent-border) !important;
  color: var(--aurora-accent) !important;
  background: var(--aurora-accent-soft) !important;
}

.aurora-hub-kbd {
  background: var(--aurora-inset) !important;
  border-color: var(--aurora-border) !important;
  color: var(--aurora-muted) !important;
}

#auroraShortcuts {
  background: rgba(244, 241, 234, 0.82) !important;
}

.aurora-shortcuts-box {
  background: #fff !important;
  border-color: var(--aurora-border) !important;
  color: var(--aurora-text) !important;
  box-shadow: 0 24px 64px -16px rgba(20, 20, 24, 0.15) !important;
}

.aurora-shortcut-row {
  border-bottom-color: var(--aurora-border) !important;
}

.aurora-shortcut-row kbd {
  background: var(--aurora-inset) !important;
  border-color: var(--aurora-border) !important;
  color: var(--aurora-muted) !important;
}

.aurora-dock-chip {
  border-color: var(--aurora-border) !important;
  background: var(--aurora-inset) !important;
  color: var(--aurora-muted) !important;
}

.aurora-dock-chip:hover {
  border-color: var(--aurora-accent-border) !important;
  background: var(--aurora-accent-soft) !important;
  color: var(--aurora-accent) !important;
}

#auroraQuickDock .aurora-dock-expanded {
  background: #fff !important;
  border-color: var(--aurora-border) !important;
}

body.obsidian-app #btnExport,
body:not(.obsidian-app):not(.studio-app):not(.nova-app) a.rounded-xl.bg-gradient-to-r {
  background: var(--aurora-gradient-accent) !important;
  color: #fff !important;
}

body.obsidian-app .bg-gradient-to-br.from-cyan-400,
body:not(.obsidian-app):not(.studio-app):not(.nova-app) .from-cyan-400 {
  background: var(--aurora-gradient-accent) !important;
}