/* ═══════════════════════════════════════════════════════════════════════════
   light.css  —  Arctic theme
   Design source: docs/Artifacts/variant-1-arctic.html
   ═══════════════════════════════════════════════════════════════════════════ */
.theme-light {
    --bepa-bg:                  #f4f5f7;
    --bepa-surface:             #ffffff;
    --bepa-surface-raised:      #f8fafc;
    --bepa-border:              rgba(15, 23, 42, 0.10);
    --bepa-border-strong:       rgba(15, 23, 42, 0.18);
    --bepa-dot-color:           rgba(15, 23, 42, 0.10);

    --bepa-accent:              #2563eb;
    --bepa-accent-glow:         rgba(37, 99, 235, 0.22);
    --bepa-accent-dim:          rgba(37, 99, 235, 0.08);

    --bepa-text:                #0f172a;
    --bepa-text-muted:          #475569;
    --bepa-text-subtle:         #64748b;

    --bepa-nav-bg:              rgba(255, 255, 255, 0.88);
    --bepa-nav-icon:            #475569;
    --bepa-nav-hover-bg:        #eff6ff;
    --bepa-nav-hover-icon:      #2563eb;
    --bepa-nav-active-bg:       #2563eb;
    --bepa-nav-active-icon:     #ffffff;
    --bepa-nav-active-border:   transparent;

    --bepa-tooltip-bg:          #1e293b;
    --bepa-tooltip-text:        #ffffff;
    --bepa-danger:              #dc2626;
    --bepa-shadow-nav:          0 4px 24px rgba(15, 23, 42, 0.08);
    --bepa-shadow-sm:           0 2px 8px rgba(15, 23, 42, 0.06);
    --bepa-footer-bg:           rgba(255, 255, 255, 0.95);
    --bepa-scrollbar-thumb:     rgba(15, 23, 42, 0.14);

    --workspace-bg:             #f4f5f7;
    --workspace-surface:        #ffffff;
    --workspace-surface-alt:    #f8fafc;
    --workspace-surface-soft:   #eef2f7;
    --workspace-border:         rgba(15, 23, 42, 0.10);
    --workspace-border-strong:  rgba(15, 23, 42, 0.18);
    --workspace-shadow:         0 2px 8px rgba(15, 23, 42, 0.06);
    --workspace-shadow-strong:  0 16px 40px rgba(15, 23, 42, 0.08);
    --workspace-text:           #0f172a;
    --workspace-text-muted:     #475569;
    --workspace-text-subtle:    #64748b;
    --workspace-accent:         #2563eb;
    --workspace-accent-strong:  #1d4ed8;
    --workspace-accent-soft:    #eff6ff;
    --workspace-success:        #16a34a;
    --workspace-success-soft:   #ecfdf3;
    --workspace-danger:         #dc2626;
    --workspace-danger-soft:    #fef2f2;
    --workspace-warning:        #d97706;
    --workspace-warning-soft:   #fff7ed;
    --workspace-info:           #0f766e;
    --workspace-info-soft:      #ecfeff;
    --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(15, 23, 42, 0.06);
    --mesh-glow-color:          rgba(37, 99, 235, 0.05);

    --md3-background:           #f4f5f7;
    --md3-surface:              #ffffff;
    --md3-surface-variant:      #f8fafc;
    --md3-outline-variant:      rgba(15, 23, 42, 0.08);
    --md3-primary:              #2563eb;
    --md3-on-primary:           #ffffff;
    --md3-elevation-1:          0 1px 4px rgba(15, 23, 42, 0.06);
    --md3-elevation-3:          0 4px 16px rgba(15, 23, 42, 0.10);
    --md3-shape-corner-small:   6px;
    --ct-input-bg:              #ffffff;
    --ct-border:                rgba(15, 23, 42, 0.10);
    --ct-text:                  #0f172a;
    --ct-subtext:               #475569;
    --ct-header-bg:             #f8fafc;
    --ct-btn-primary:           #2563eb;
    --scrollbar-thumb:          rgba(15, 23, 42, 0.14);
    --scrollbar-track:          transparent;

    --mud-palette-primary:            #2563eb;
    --mud-palette-text-primary:       #0f172a;
    --mud-palette-text-secondary:     #475569;
    --mud-palette-background:         #f4f5f7;
    --mud-palette-surface:            #ffffff;
    --mud-palette-appbar-background:  #ffffff;
    --mud-palette-drawer-background:  #ffffff;
}

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

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

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

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

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

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

.theme-light .nav-link:hover,
.theme-light .nav-link.active {
    color: var(--bepa-accent) !important;
    background: var(--bepa-accent-dim) !important;
}

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

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

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

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