/* =========================================
   Omnora Students AI V2
   Global Theme System
   Light Theme Only
========================================= */

body.light-theme{
    background:#f5f7fb;
}

/* Main Layout */

body.light-theme main,
body.light-theme header,
body.light-theme footer,
body.light-theme nav,
body.light-theme aside{
    background:#ffffff;
}

/* Generic Containers */

body.light-theme section,
body.light-theme article{
    background:#ffffff;
}

/* Common Wrappers */

body.light-theme .container,
body.light-theme .wrapper,
body.light-theme .content,
body.light-theme .page,
body.light-theme .page-container,
body.light-theme .dashboard-container,
body.light-theme .profile-container,
body.light-theme .leaderboard-container,
body.light-theme .quiz-container,
body.light-theme .about-container,
body.light-theme .contact-container{
    background:#ffffff;
}

/* Generic Borders */

body.light-theme section,
body.light-theme article,
body.light-theme header,
body.light-theme footer,
body.light-theme nav,
body.light-theme aside{
    border-color:#e5e7eb;
}

/* Generic Shadows */

body.light-theme section,
body.light-theme article{
    box-shadow:
        0 2px 12px rgba(0,0,0,.05);
}

/* Divider */

body.light-theme hr{
    border-color:#e5e7eb;
}

/* Smooth Animation */

body,
main,
header,
footer,
section,
article,
nav,
aside,
.container,
.wrapper,
.content,
.page,
.page-container{
    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

 /*=========================================
   DO NOT STYLE THESE HERE

   h1-h6
   p
   span
   label
   input
   textarea
   select
   button
   img
   svg
   video
   canvas
   cards
   hero
   avatar
   logo

=========================================*/

/* =====================================================
   LIGHT THEME TEXT COLORS
===================================================== */

body.light-theme .hero-title,
body.light-theme .hero-description,
body.light-theme .stat strong,
body.light-theme .stat span,

body.light-theme .nav a,
body.light-theme .footer-brand,
body.light-theme .footer-desc,
body.light-theme .footer-links h4,
body.light-theme .footer-social h4,
body.light-theme .footer-links a,
body.light-theme .footer-social a,
body.light-theme .footer-bottom,

body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4,
body.light-theme h5,
body.light-theme h6,
body.light-theme p,
body.light-theme label,
body.light-theme span:not(.gradient-text),
body.light-theme li {
    color: #1f2937 !important;
}

/* Secondary text */

body.light-theme .hero-description,
body.light-theme .footer-desc,
body.light-theme .footer-bottom,
body.light-theme .footer-links a,
body.light-theme .footer-social a,
body.light-theme .stat span {
    color: #6b7280 !important;
}

/* Images */

body.light-theme img,
body.light-theme svg,
body.light-theme video,
body.light-theme canvas{
    filter:none !important;
}
/* ==========================================
   LIGHT THEME - HERO FLOATING CARDS TEXT
========================================== */

body.light-theme .hero-card h3,
body.light-theme .hero-card h4{
    color:#ffffff !important;
}

body.light-theme .hero-card p,
body.light-theme .hero-card span{
    color:#d6deff !important;
}
/* ======================================================
   LIGHT THEME - HERO SECTION
====================================================== */

/* Hero Heading */

body.light-theme .hero-title{
    color:#ffffff !important;
}

body.light-theme .hero-title span:not(.omnora){
    color:#ffffff !important;
}

/* Gradient text kada a taba */

body.light-theme .gradient-text{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
}

/* AI Powered Learning badge */

body.light-theme .omnora{
    background:linear-gradient(
        90deg,
        #7c3aed 0%,
        #4f7cff 100%
    ) !important;

    background-clip:text !important;
    -webkit-background-clip:text !important;

    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
}

/* Hero description */

body.light-theme .hero-description{
    color:#d6deff !important;
}

/* Hero stats */

body.light-theme .hero-stats,
body.light-theme .hero-stats *{
    color:#ffffff !important;
}

/* ======================================================
   FLOATING CARDS (Around Brain)
====================================================== */

body.light-theme .floating-card h3,
body.light-theme .floating-card h4{
    color:#ffffff !important;
}

body.light-theme .floating-card p,
body.light-theme .floating-card span,
body.light-theme .floating-card small{
    color:#d6deff !important;
}

/* background */

body.light-theme .floating-card{
    background:inherit !important;
}

/* ======================================================
   NAVIGATION
====================================================== */

body.light-theme .desktop-nav a,
body.light-theme .sidebar-nav a{
    color:#233b8f !important;
}

body.light-theme .desktop-nav a:hover,
body.light-theme .sidebar-nav a:hover,
body.light-theme .desktop-nav .active,
body.light-theme .sidebar-nav .active{
    color:#4f7cff !important;
}
/* ==========================================
   HERO BADGE
========================================== */

body.light-theme .hero-badge,
body.light-theme .badge,
body.light-theme .hero-tag{
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.25) !important;
    background:rgba(70,110,220,.15) !important;
}


/* ==========================================
   HERO STATS
========================================== */

body.light-theme .hero-stats,
body.light-theme .stats,
body.light-theme .hero-stats *{
    color:#ffffff !important;
}

body.light-theme .hero-stats strong,
body.light-theme .hero-stats h3,
body.light-theme .hero-stats h4,
body.light-theme .hero-stats .number{
    color:#ffffff !important;
    font-weight:700;
}

body.light-theme .hero-stats p,
body.light-theme .hero-stats span,
body.light-theme .label{
    color:#dbe4ff !important;
}


/* ==========================================
   HAMBURGER MENU
========================================== */

body.light-theme .menu-toggle,
body.light-theme .menu-btn,
body.light-theme .hamburger{
    color:#233b8f !important;
}

body.light-theme .menu-toggle svg,
body.light-theme .menu-btn svg,
body.light-theme .hamburger svg{
    fill:#233b8f !important;
    stroke:#233b8f !important;
}

body.light-theme .menu-toggle i,
body.light-theme .menu-btn i,
body.light-theme .hamburger i{
    color:#233b8f !important;
}