/* 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;
}