/* ═══════════════════════════════════════════════════════════════════════════
   dark.css  —  Obsidian theme
   Design source: docs/Artifacts/variant-2-obsidian.html
   ═══════════════════════════════════════════════════════════════════════════ */
.theme-dark {
    --bepa-bg:                  #141414;
    --bepa-surface:             #1c1c1c;
    --bepa-surface-raised:      #222222;
    --bepa-border:              rgba(255, 255, 255, 0.07);
    --bepa-border-strong:       rgba(255, 255, 255, 0.14);
    --bepa-dot-color:           rgba(255, 255, 255, 0.09);

    --bepa-accent:              #7c6af7;
    --bepa-accent-glow:         rgba(124, 106, 247, 0.40);
    --bepa-accent-dim:          rgba(124, 106, 247, 0.12);

    --bepa-text:                #e8e8e8;
    --bepa-text-muted:          #888888;
    --bepa-text-subtle:         #555555;

    --bepa-nav-bg:              rgba(28, 28, 28, 0.92);
    --bepa-nav-icon:            #999999;
    --bepa-nav-hover-bg:        rgba(255, 255, 255, 0.05);
    --bepa-nav-hover-icon:      #e8e8e8;
    --bepa-nav-active-bg:       rgba(124, 106, 247, 0.14);
    --bepa-nav-active-icon:     #a78bfa;
    --bepa-nav-active-border:   rgba(124, 106, 247, 0.28);

    --bepa-tooltip-bg:          #1c1c1c;
    --bepa-tooltip-text:        #e8e8e8;
    --bepa-danger:              #f87171;
    --bepa-shadow-nav:          0 8px 32px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --bepa-shadow-sm:           0 2px 12px rgba(0, 0, 0, 0.45);
    --bepa-footer-bg:           rgba(28, 28, 28, 0.95);
    --bepa-scrollbar-thumb:     rgba(255, 255, 255, 0.10);

    --workspace-bg:             #141414;
    --workspace-surface:        #1c1c1c;
    --workspace-surface-alt:    #222222;
    --workspace-surface-soft:   #2a2a2a;
    --workspace-border:         rgba(255, 255, 255, 0.07);
    --workspace-border-strong:  rgba(255, 255, 255, 0.14);
    --workspace-shadow:         0 2px 12px rgba(0, 0, 0, 0.45);
    --workspace-shadow-strong:  0 18px 42px rgba(0, 0, 0, 0.55);
    --workspace-text:           #e8e8e8;
    --workspace-text-muted:     #888888;
    --workspace-text-subtle:    #555555;
    --workspace-accent:         #7c6af7;
    --workspace-accent-strong:  #6c5ae0;
    --workspace-accent-soft:    rgba(124, 106, 247, 0.12);
    --workspace-success:        #22d3ee;
    --workspace-success-soft:   rgba(34, 211, 238, 0.10);
    --workspace-danger:         #f87171;
    --workspace-danger-soft:    rgba(248, 113, 113, 0.12);
    --workspace-warning:        #f59e0b;
    --workspace-warning-soft:   rgba(245, 158, 11, 0.12);
    --workspace-info:           #e2e2e2;
    --workspace-info-soft:      rgba(255, 255, 255, 0.05);
    --workspace-editor-font:    'Segoe UI', system-ui, -apple-system, sans-serif;
    --workspace-mono-font:      'IBM Plex Mono', 'Consolas', 'Courier New', monospace;

    --mesh-dot-color:           rgba(255, 255, 255, 0.07);
    --mesh-glow-color:          rgba(124, 106, 247, 0.08);

    --md3-background:           #141414;
    --md3-surface:              #1c1c1c;
    --md3-surface-variant:      #222222;
    --md3-outline-variant:      rgba(255, 255, 255, 0.07);
    --md3-primary:              #7c6af7;
    --md3-on-primary:           #ffffff;
    --md3-elevation-1:          0 2px 8px rgba(0, 0, 0, 0.40);
    --md3-elevation-3:          0 6px 20px rgba(0, 0, 0, 0.50);
    --md3-shape-corner-small:   6px;
    --ct-input-bg:              #181818;
    --ct-border:                rgba(255, 255, 255, 0.10);
    --ct-text:                  #e8e8e8;
    --ct-subtext:               #888888;
    --ct-header-bg:             #1c1c1c;
    --ct-btn-primary:           #7c6af7;
    --scrollbar-thumb:          rgba(255, 255, 255, 0.10);
    --scrollbar-track:          transparent;

    --mud-palette-primary:            #7c6af7;
    --mud-palette-text-primary:       #e8e8e8;
    --mud-palette-text-secondary:     #888888;
    --mud-palette-background:         #141414;
    --mud-palette-surface:            #1c1c1c;
    --mud-palette-appbar-background:  #1c1c1c;
    --mud-palette-drawer-background:  #1c1c1c;
}

.theme-dark,
.theme-dark body,
.theme-dark html {
    background-color: var(--bepa-bg) !important;
    color: var(--bepa-text) !important;
}

.theme-dark .mud-paper,
.theme-dark .mud-drawer,
.theme-dark .mud-appbar {
    background-color: var(--bepa-surface) !important;
    color: var(--bepa-text) !important;
}

.theme-dark .mud-typography,
.theme-dark .mud-input-label,
.theme-dark .mud-input-slot,
.theme-dark .mud-list-item-text,
.theme-dark .mud-menu-item .mud-list-item-text,
.theme-dark p,
.theme-dark span,
.theme-dark label,
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: var(--bepa-text) !important;
}

.theme-dark .editor-container,
.theme-dark .editor-pane,
.theme-dark .mud-tabs-toolbar,
.theme-dark .mud-tab,
.theme-dark .pane-header {
    border-color: var(--bepa-border) !important;
}

.theme-dark .editor-textarea,
.theme-dark textarea {
    background: transparent !important;
    color: var(--workspace-text) !important;
    border-color: var(--workspace-border) !important;
}

.theme-dark .mud-popover .mud-paper {
    background: var(--workspace-surface) !important;
    border: 1px solid var(--workspace-border) !important;
    box-shadow: var(--workspace-shadow-strong) !important;
}

.theme-dark * {
    scrollbar-width: thin;
    scrollbar-color: var(--bepa-scrollbar-thumb) transparent;
}

.theme-dark *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.theme-dark *::-webkit-scrollbar-track {
    background: transparent;
}

.theme-dark *::-webkit-scrollbar-thumb {
    background: var(--bepa-scrollbar-thumb);
    border-radius: 4px;
}