/* LIGHT THEME */

body.light-theme {
    background: #ECECEC;
    color: #161616;
}

body.light-theme .header {
    background: rgba(236, 236, 236, 0.85);
    border-bottom: 1px solid rgba(22, 22, 22, 0.08);
    backdrop-filter: blur(14px);
}

body.light-theme .logo h1,
body.light-theme .nav a {
    color: #111827;
}

body.light-theme .hero {
    border-bottom: 1px solid rgba(22, 22, 22, 0.08);
    background: linear-gradient(
        to bottom,
        #ECECEC 0%,
        #e4e4e4 45%,
        #dcdcdc 100%
    );
}

body.light-theme .hero-bg-left::before {
    background: radial-gradient(
        circle,
        rgba(251, 4, 124, 0.16) 0%,
        rgba(251, 4, 124, 0.08) 35%,
        transparent 68%
    );
}

body.light-theme .hero-bg-right::before {
    background: radial-gradient(
        circle,
        rgba(99, 102, 241, 0.12) 0%,
        rgba(99, 102, 241, 0.06) 35%,
        transparent 68%
    );
}

body.light-theme .hero-content p,
body.light-theme .section-header p,
body.light-theme .game-meta,
body.light-theme .hero-stat-label {
    color: rgba(22, 22, 22, 0.75);
}

body.light-theme .hero-stat-card {
    border: 1px solid rgba(22, 22, 22, 0.08);
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(8px);
}

body.light-theme .hero-stat-card:hover {
    border-color: rgba(251, 4, 124, 0.25);
}

body.light-theme .about-card {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.92),
        rgba(246, 248, 252, 0.96)
    );
    border: 1px solid rgba(17, 24, 39, 0.06);
    box-shadow:
        0 0 0 1px rgba(235, 39, 130, 0.829) inset,
        0 20px 50px rgba(99, 102, 241, 0.08);
}

body.light-theme .about-card p {
    color: rgba(17, 24, 39, 0.82);
}

body.light-theme .section-line,
body.light-theme .about-line {
    box-shadow: 0 0 10px rgba(251, 4, 124, 0.22);
}

body.light-theme .featured-main-btn {
    box-shadow: 0 0 24px rgba(241, 53, 210, 0.18);
}

body.light-theme .featured-main-btn:hover {
    box-shadow: 0 0 28px rgba(241, 53, 210, 0.26);
}

body.light-theme .footer {
    background: #ffffff;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}

body.light-theme .footer h2,
body.light-theme .footer p,
body.light-theme .footer a {
    color: #111827;
}

/* GOLD ACCENT (LIGHT THEME) */

body.light-theme h1,
body.light-theme h2 {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
    color: #161616;
}

/* TEXTOS DOS CARDS NO LIGHT MODE */

body.light-theme .game-card h3 {
    color: #161616;
}

body.light-theme .game-meta {
    color: rgba(22, 22, 22, 0.7);
}

#site-logo {
    transition: opacity 0.25s ease;
}

/* LIGHT MODE */

body.light-theme .contact-section {
    background:
        radial-gradient(circle at 15% 20%, rgba(251, 4, 124, 0.10), transparent 26%),
        radial-gradient(circle at 82% 78%, rgba(251, 4, 124, 0.08), transparent 22%),
        linear-gradient(to bottom, #ececec 0%, #e4e4e4 45%, #dcdcdc 100%);
}

body.light-theme .contact-form {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.92),
        rgba(245, 245, 245, 0.96)
    );
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.5) inset,
        0 24px 60px rgba(0,0,0,0.10),
        0 0 30px rgba(251, 4, 124, 0.08);
}

body.light-theme .contact-form .form-group label,
body.light-theme .consent-label,
body.light-theme .contact-section .section-header p {
    color: rgba(22, 22, 22, 0.78);
}

body.light-theme .contact-form input,
body.light-theme .contact-form textarea {
    background: rgba(22, 22, 22, 0.04);
    border: 1px solid rgba(22, 22, 22, 0.08);
    color: #161616;
}

body.light-theme .contact-form input::placeholder,
body.light-theme .contact-form textarea::placeholder {
    color: rgba(22, 22, 22, 0.45);
}

body.light-theme .contact-form input:focus,
body.light-theme .contact-form textarea:focus {
    background: rgba(22, 22, 22, 0.06);
    border-color: rgba(251, 4, 124, 0.35);
    box-shadow: 0 0 0 4px rgba(251, 4, 124, 0.08);
}

body.light-theme .contact-glow-1 {
    background: rgba(251, 4, 124, 0.10);
}

body.light-theme .contact-glow-2 {
    background: rgba(251, 4, 124, 0.08);
}



/* GAMBIARRA KK */

/* LIGHT MODE - GAME PILL */

body.light-theme .game-card h3 {
    color: #111 !important;
}

body.light-theme .game-pill {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.light-theme .game-pill-value,
body.light-theme .game-pill-text {
    color: rgba(0, 0, 0, 0.72) !important;
}

body.light-theme .game-pill-icon {
    color: #fb047c !important;
}