@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) {
        --bg-primary: #f8fafc;
        --bg-secondary: #f1f5f9;
        --bg-card: #ffffff;
        --bg-highlight: #e2e8f0;
        --text-primary: #1e293b;
        --text-secondary: #64748b;
        --btn-cta-text: #ffffff;
        --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        --card-shadow-hover: 0 8px 12px -2px rgba(0, 0, 0, 0.15);
        --nav-bg: rgba(255, 255, 255, 0.9);
    }
}

[data-theme="light"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-highlight: #e2e8f0;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --btn-cta-text: #ffffff;
    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --card-shadow-hover: 0 8px 12px -2px rgba(0, 0, 0, 0.15);
    --nav-bg: rgba(255, 255, 255, 0.9);
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme="dark"]) .logo-light {
        display: block;
    }
    :root:not([data-theme="dark"]) .logo-dark {
        display: none;
    }
}