/* =========================================================
   THE AI ACE — LIGHT MODE GLOBAL
   ESTE ARCHIVO DEBE CARGARSE DE ÚLTIMO
   ========================================================= */

/* ---------- SUPERFICIE GENERAL CLARA ---------- */

body.light-mode{
    --bg:#f4f7fb;
    --panel:#ffffff;
    --panel2:#f3f7fa;
    --text:#0b1520;
    --muted:#52677a;
    --line:#bccdde;

    background:#f4f7fb;
    color:#0b1520;
}


/* =========================================================
   TEXTO QUE ESTÁ FUERA DE TARJETAS
   ========================================================= */

body.light-mode main h1,
body.light-mode main h2,
body.light-mode main h3,
body.light-mode main h4{
    color:#0b1520 !important;
}

body.light-mode main p{
    color:#52677a !important;
}


/* =========================================================
   TARJETAS / PANELES QUE PERMANECEN OSCUROS
   ========================================================= */

body.light-mode .access-card,
body.light-mode .content-card,
body.light-mode .course-card,
body.light-mode .premium-course-card,
body.light-mode .tool-card,
body.light-mode .prompt-card,
body.light-mode .marketplace-card,
body.light-mode .community-panel,
body.light-mode .news-card,
body.light-mode .how-it-works,
body.light-mode .resource-strip{
    color:#ffffff !important;
}


/* ---------- TÍTULOS DENTRO DE SUPERFICIES OSCURAS ---------- */

body.light-mode .access-card h1,
body.light-mode .access-card h2,
body.light-mode .access-card h3,
body.light-mode .access-card h4,

body.light-mode .content-card h1,
body.light-mode .content-card h2,
body.light-mode .content-card h3,
body.light-mode .content-card h4,

body.light-mode .course-card h1,
body.light-mode .course-card h2,
body.light-mode .course-card h3,
body.light-mode .course-card h4,

body.light-mode .premium-course-card h1,
body.light-mode .premium-course-card h2,
body.light-mode .premium-course-card h3,
body.light-mode .premium-course-card h4,

body.light-mode .tool-card h1,
body.light-mode .tool-card h2,
body.light-mode .tool-card h3,
body.light-mode .tool-card h4,

body.light-mode .prompt-card h1,
body.light-mode .prompt-card h2,
body.light-mode .prompt-card h3,
body.light-mode .prompt-card h4,

body.light-mode .marketplace-card h1,
body.light-mode .marketplace-card h2,
body.light-mode .marketplace-card h3,
body.light-mode .marketplace-card h4,

body.light-mode .community-panel h1,
body.light-mode .community-panel h2,
body.light-mode .community-panel h3,
body.light-mode .community-panel h4,

body.light-mode .news-card h1,
body.light-mode .news-card h2,
body.light-mode .news-card h3,
body.light-mode .news-card h4{
    color:#ffffff !important;
}


/* ---------- DESCRIPCIONES DENTRO DE TARJETAS ---------- */

body.light-mode .access-card p,
body.light-mode .content-card p,
body.light-mode .course-card p,
body.light-mode .premium-course-card p,
body.light-mode .tool-card p,
body.light-mode .prompt-card p,
body.light-mode .marketplace-card p,
body.light-mode .community-panel p,
body.light-mode .news-card p{
    color:#9fb6c9 !important;
}


/* ---------- STRONG / TEXTO DESTACADO ---------- */

body.light-mode .access-card strong,
body.light-mode .content-card strong,
body.light-mode .course-card strong,
body.light-mode .premium-course-card strong,
body.light-mode .tool-card strong,
body.light-mode .prompt-card strong,
body.light-mode .marketplace-card strong,
body.light-mode .community-panel strong{
    color:#ffffff !important;
}


/* =========================================================
   VISUALES OSCUROS DE HOME
   ========================================================= */

body.light-mode .card-visual,
body.light-mode .marketplace-visual,
body.light-mode .prompt-library-visual,
body.light-mode .ai-hub-visual{
    color:#ffffff !important;
}

body.light-mode .card-visual *,
body.light-mode .marketplace-visual *,
body.light-mode .prompt-library-visual *,
body.light-mode .ai-hub-visual *{
    color:inherit;
}


/* =========================================================
   HEADER
   ========================================================= */

body.light-mode .site-header{
    background:rgba(255,255,255,.96);
    border-color:#d6e1e8;
}

body.light-mode .main-nav a{
    color:#142332 !important;
}

body.light-mode .main-nav a:hover{
    color:#00aef3 !important;
}


/* =========================================================
   COLORES ESPECIALES QUE NO DEBEN PERDERSE
   ========================================================= */

body.light-mode .course-badge,
body.light-mode .card-label,
body.light-mode .eyebrow,
body.light-mode .category-label{
    color:#ffb900 !important;
}

body.light-mode .btn-primary{
    color:#081018 !important;
}