/* =============================================================
   Future Plans — Dark Theme Override
   ============================================================= */

[data-theme="dark"] {
    --color-bg:             hsl(224, 30%, 10%);
    --color-surface:        hsl(224, 30%, 14%);
    --color-surface-hover:  hsl(224, 30%, 18%);
    --color-border:         hsl(224, 20%, 22%);
    --color-border-light:   hsl(224, 20%, 18%);
    --color-text:           hsl(210, 40%, 94%);
    --color-text-secondary: hsl(215, 20%, 65%);
    --color-text-muted:     hsl(215, 16%, 47%);

    --color-sidebar-bg:     hsl(224, 35%, 8%);
    --color-topbar-bg:      hsl(224, 30%, 12%);
    --color-overlay:        hsla(224, 30%, 5%, 0.7);

    --shadow-sm: 0 1px 3px hsla(0,0%,0%,0.3);
    --shadow-md: 0 4px 6px hsla(0,0%,0%,0.3);
    --shadow-lg: 0 10px 15px hsla(0,0%,0%,0.4);
    --shadow-xl: 0 20px 25px hsla(0,0%,0%,0.5);
}

[data-theme="dark"] .topbar {
    backdrop-filter: blur(12px);
    background: hsla(224, 30%, 12%, 0.85);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: hsl(224, 20%, 25%);
}

[data-theme="dark"] .loading-overlay {
    background: hsla(224, 30%, 10%, 0.7);
}