body.dark-mode{
--surface:#1F1F1F;
--card:#2b2b2b;
--text:#F5F5F5;
--topbar:#291f15;
}

body.dark-mode .topbar{
background:var(--topbar);
opacity: 0.9;
}


body.dark-mode .topbar-home{
background:var(--topbar);
opacity: 0.9;
}

body.dark-mode footer{
background:rgba(0, 0, 0, 0.8);
}

body.dark-mode a{
color:#fad6a7;
}

body.dark-mode .logo{
color:#ff6b08;
}

body.dark-mode .mobile-menu-btn{
    color:#f3c27d; /* warm gold */
}

body.dark-mode navMenu {
    color:var(--card);
}

body.dark-mode nav{

background:var(--topbar);
opacity: 1.0;

/*border-top:1px solid rgba(255,255,255,0.08);*/

}

body.dark-mode .amazon-btn{

    background-image:
    url('../img/amazon-dark.webp');

}

body.dark-mode .flipkart-btn{

    background-image:
    url('../img/flipkart.webp');

}

body.dark-mode .store-btn{

    background-color:
    rgba(255,255,255,.95);

}

/*==============================
        HOME HERO - DARK MODE
==============================*/

body.dark-mode .hero-card{

    background:
    radial-gradient(
        circle at top,
        #2b2419 0%,
        #1a1713 45%,
        #12100d 100%
    );

}

body.dark-mode .hero-card::before{

    background:
    rgba(186,123,39,.08);

}

body.dark-mode .hero-content{

    color:var(--text);

}

body.dark-mode .hero-content p{

    color:var(--primary);

}

body.dark-mode .hero-content h1{

    color:var(--primary);

}


/* Brand Buttons */

.brand-links a{
    background:rgba(255,255,255,.04);
    color:var(--text);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
    box-shadow: 0 8px 24px rgba(0,0,0,.30);

}

.brand-links a:hover{
    background:var(--primary);
    color:#ffffff;
    border-color:var(--primary);
}