/* Alternate theme: clean, minimal, neumorphic-light look while preserving content and structure */
/* Uses existing class hooks; no markup or text changes required */

/* Palette */
:root {
    --alt-bg: #f5f7fb;
    --alt-card: #ffffff;
    --alt-muted: #6b7280;
    --alt-text: #0f172a;
    --alt-primary: #0ea5e9; /* sky-500 */
    --alt-primary-2: #22c55e; /* green-500 */
    --alt-accent: #8b5cf6; /* violet-500 */
    --alt-border: #e5e7eb;
    --alt-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);
    --alt-shadow-lg: 0 25px 60px rgba(2, 6, 23, 0.12);
}

/* Global reset to light theme */
body {
    background: var(--alt-bg) !important;
    color: var(--alt-text) !important;
}

/* Replace previous dark gradients with subtle glassy white */
.hero-advanced {
    background: radial-gradient(1200px 400px at 10% -10%, rgba(14,165,233,0.15), transparent),
                radial-gradient(1000px 400px at 110% 20%, rgba(139,92,246,0.16), transparent),
                linear-gradient(180deg, #ffffff, #f5f7fb) !important;
}

.navbar-modern {
    background: rgba(255,255,255,0.85) !important;
    border-bottom: 1px solid var(--alt-border) !important;
    box-shadow: var(--alt-shadow) !important;
}

.navbar-modern.scrolled {
    background: rgba(255,255,255,0.98) !important;
}

.navbar-brand .navbar-item {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: var(--alt-text) !important;
}

.navbar-menu .navbar-item {
    color: var(--alt-text) !important;
}

.navbar-menu .navbar-item:hover {
    color: var(--alt-primary) !important;
    background: rgba(14,165,233,0.08) !important;
}

/* Headings */
.hero-title {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: #0b1324 !important;
    text-shadow: none !important;
}

.hero-subtitle,
.hero-description {
    color: var(--alt-muted) !important;
    text-shadow: none !important;
}

/* Buttons */
.btn-modern {
    background: linear-gradient(90deg, var(--alt-primary), #38bdf8) !important;
    border: 1px solid rgba(14,165,233,0.35) !important;
    color: #fff !important;
    box-shadow: var(--alt-shadow) !important;
}

.btn-modern:hover {
    background: linear-gradient(90deg, #22c55e, #10b981) !important;
    border-color: rgba(16,185,129,0.4) !important;
    box-shadow: var(--alt-shadow-lg) !important;
}

/* Sections */
#advantages.section {
    background: #eef2f7 !important;
}

#our-games.section {
    background: #ffffff !important;
}

.disclaimer-modern {
    background: #f8fafc !important;
}

.cta-modern {
    background: linear-gradient(135deg, #0ea5e9, #22c55e) !important;
}

/* Cards */
.card-advanced,
.game-card-modern,
.disclaimer-card-modern {
    background: var(--alt-card) !important;
    border: 1px solid var(--alt-border) !important;
    box-shadow: var(--alt-shadow) !important;
    color: var(--alt-text) !important;
}

.card-advanced::before,
.card-advanced::after {
    display: none !important;
}

.game-image-modern {
    height: 220px !important;
}

.game-title {
    color: #0b1324 !important;
}

.game-description {
    color: #4b5563 !important;
}

/* Cookie banner */
.cookie-banner-modern {
    background: rgba(255,255,255,0.98) !important;
    color: var(--alt-text) !important;
    border-top: 1px solid var(--alt-border) !important;
}

.cookie-link { color: var(--alt-primary) !important; }

.cookie-btn-accept { background: linear-gradient(90deg, var(--alt-primary), #38bdf8) !important; color: #fff !important; }
.cookie-btn-decline { color: var(--alt-text) !important; border-color: var(--alt-border) !important; }

/* Modal */
.modal-advanced { background: rgba(15, 23, 42, 0.55) !important; }
.modal-content-advanced { background: #ffffff !important; border: 1px solid var(--alt-border) !important; }
.modal-close-advanced { background: linear-gradient(135deg, #ef4444, #f97316) !important; }

/* Footer */
.footer-modern {
    background: #ffffff !important;
    color: var(--alt-text) !important;
    border-top: 1px solid var(--alt-border) !important;
}

.footer-links a { color: #334155 !important; }
.footer-links a:hover { color: var(--alt-primary) !important; }

/* Accent elements */
.age-badge {
    background: linear-gradient(135deg, #22c55e, #10b981) !important;
    border: none !important;
    box-shadow: var(--alt-shadow) !important;
}

.title[style*="color:"] { color: var(--alt-primary) !important; }

/* Scroll bar indicator */
#scrollIndicator { background: linear-gradient(90deg, #22c55e, #0ea5e9) !important; }

/* Typography refinements */
h1,h2,h3,h4,h5,h6 { letter-spacing: 0.2px; }
p { color: #4b5563; }

/* Boost readability for general copy */
.subtitle { color: #475569 !important; }
.card-advanced p,
.game-card-modern p,
.disclaimer-card-modern p { color: #475569 !important; }

/* Footer text contrast */
.footer-modern p { color: #64748b !important; }

/* Subtle rounded feel */
.card-advanced,
.game-card-modern,
.disclaimer-card-modern,
.modal-content-advanced,
.btn-modern { border-radius: 16px !important; }

/* Reduce heavy motion from original */
.hero-title { animation: none !important; }
.game-card-modern:hover { transform: translateY(-8px) !important; box-shadow: var(--alt-shadow-lg) !important; }