/* Dark Mode Variables */
:root[data-theme="dark"] {
    --primary-blue: #60A5FA;
    --primary-light: #93C5FD;
    --bg-color: #0F172A;
    --card-bg: #1E293B;
    --text-main: #F8FAFC;
    --text-muted: #94A3B8;
    --border-color: #334155;
    --glass-bg: rgba(30, 41, 59, 0.85);
    --glass-border: rgba(255, 255, 255, 0.1);
}

/* Dark Mode Specific Overrides */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
    border-bottom: 5px solid var(--primary-blue);
}

[data-theme="dark"] .card-header {
    background: #0F172A;
}

[data-theme="dark"] .btn-primary {
    background: var(--primary-blue);
    color: #0F172A !important;
}

[data-theme="dark"] .btn-primary:hover {
    background: var(--primary-light);
}

[data-theme="dark"] .btn-outline {
    border-color: var(--primary-blue);
    color: var(--primary-blue) !important;
}

[data-theme="dark"] .btn-outline:hover {
    background: var(--primary-blue);
    color: #0F172A !important;
}

[data-theme="dark"] .number-box {
    background: #0F172A;
}

[data-theme="dark"] .winning-number {
    background: linear-gradient(to right, var(--primary-light), var(--accent-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="dark"] .site-footer {
    background: #0F172A;
    border-top: 1px solid var(--border-color);
}