/* ===== DARK THEME (default) ===== */
[data-theme="dark"], :root {
    --bg-primary: #172236;
    --bg-secondary: #1e2d47;
    --bg-card: #2D3A53;
    --bg-topbar: #172236;
    --bg-mobile-menu: #172236;
    --bg-footer: #0f1724;

    --text-primary: #e8edf5;
    --text-secondary: #9ba8c0;
    --text-muted: #5a6a85;
    --text-footer: #8a96ab;
    --text-footer-heading: #d0d8e8;

    --accent: #729ae1;
    --accent-light: #92B1E8;
    --accent-hover: #5a85d4;
    --accent-bg: rgba(114, 154, 225, 0.12);
    --accent-glow: rgba(114, 154, 225, 0.2);
    --accent-shadow: rgba(114, 154, 225, 0.3);

    --border-color: rgba(255, 255, 255, 0.08);
    --shadow-color: rgba(0, 0, 0, 0.3);
    --shadow-heavy: rgba(0, 0, 0, 0.4);

    --toggle-bg: #2D3A53;
    --toggle-border: #47546B;
    --toggle-knob: #92B1E8;
    --toggle-icon: #fff;

    --footer-border: rgba(255, 255, 255, 0.06);
    --footer-social-bg: rgba(255, 255, 255, 0.08);
}

/* ===== LIGHT THEME ===== */
[data-theme="light"] {
    --bg-primary: #F4F6FA;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-topbar: #f4f6fa;
    --bg-mobile-menu: #ffffff;
    --bg-footer: #172236;

    --text-primary: #172236;
    --text-secondary: #47546B;
    --text-muted: #9ba8c0;
    --text-footer: #9ba8c0;
    --text-footer-heading: #e8edf5;

    --accent: #729ae1;
    --accent-light: #92B1E8;
    --accent-hover: #5a85d4;
    --accent-bg: rgba(114, 154, 225, 0.08);
    --accent-glow: rgba(114, 154, 225, 0.15);
    --accent-shadow: rgba(114, 154, 225, 0.25);

    --border-color: #DEE3ED;
    --shadow-color: rgba(0, 0, 0, 0.08);
    --shadow-heavy: rgba(0, 0, 0, 0.12);

    --toggle-bg: #d3d7dc;
    --toggle-border: #DEE3ED;
    --toggle-knob: #E8CC92;
    --toggle-icon: #fff;

    --footer-border: rgba(255, 255, 255, 0.08);
    --footer-social-bg: rgba(255, 255, 255, 0.1);
}