/* ==========================================================================
   GLOBAL THEME VARIABLES
   ========================================================================== */
:root {
    /* Brand Colors (Compartidos) */
    --brand-primary: #6DBE45;
    --brand-hover: #9BE564;
    --brand-active: #5AAE36;

    /* Tiempos de transición */
    --theme-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

    /* VALORES POR DEFECTO (DARK) */
    --bg-main: #0F1115;
    --bg-secondary: #1A1D24;
    --surface-card: #202531;
    --border-color: #2A2F3A;
    --text-main: #E5E7EB;
    --text-muted: #A1A1AA;
    --text-inactive: #4B5563;
    --theme-color1: var(--brand-primary);
    --headings-color: var(--text-main);
    --body-text: var(--text-muted);
}

/* TEMA OSCURO (Explicito) */
[data-theme="dark"],
[data-theme-version="dark"] {
    /* Ya definidos en :root */
}

/* TEMA CLARO (Landing y Opción Dashboard) */
[data-theme="light"],
[data-theme-version="light"] {
    --bg-main: #F4F8F5;
    --bg-secondary: #E7EEE9;
    --surface-card: #FFFFFF;
    --border-color: #C8D5CC;
    --text-main: #1A2E1F;
    --text-muted: #4D6A56;
    --text-inactive: #7A9882;

    /* Filtro para invertir imágenes oscuras en el tema claro */
    --image-filter: invert(1) hue-rotate(180deg) brightness(1.5);

    /* Link color — brand-primary (#6DBE45) is ~2.9:1 on white, fails WCAG AA.
       Override to forest green for readable links on light backgrounds. */
    --brand-link: #1E7B34;

    /* Mapeos */
    --theme-color1: var(--brand-link);
    --headings-color: var(--text-main);
    --body-text: var(--text-muted);
}

[data-theme="light"] a,
[data-theme-version="light"] a {
    color: #1E7B34;
}
[data-theme="light"] a:hover,
[data-theme-version="light"] a:hover {
    color: #166128;
}

/* ==========================================================================
   APLICACIÓN GLOBAL
   ========================================================================== */
body {
    background-color: var(--bg-main);
    color: var(--text-main);
    transition: var(--theme-transition);
}


/* Tipografías Globales */
h1,
h2,
h3,
h4,
h5,
h6,
.title {
    color: var(--headings-color);
}

p,
.text,
.about-one_text,
.footer-text {
    color: var(--text-muted);
}

/* Excepciones estructurales Forexy */
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light .text,
.banner-section .title,
.banner-section .text,
.banner-info .text,
.cta-section .sec-title h2,
.cta-section .sec-title .sub-title,
.bottom-box .text,
.bottom-box .totals {
    color: #ffffff !important;
}

/* Enlaces y Botones de Marca */
a {
    color: var(--brand-primary);
    transition: color 0.2s ease;
}

a:hover {
    color: var(--brand-hover);
}

/* ==========================================================================
   ESTRUCTURA DEL DASHBOARD / LANDING (Overrides)
   ========================================================================== */

/* Contenedores y Sidebar */
.page-wrapper,
.main-header,
.sticky-header,
.content-body {
    background-color: var(--bg-main);
}


/* Sidebar / Headers secundarios */
.main-sidebar,
.header-top,
.header-lower,
.main-footer,
.nav-header,
.header,
.dlabnav,
.dlabnav .metismenu {
    background-color: var(--surface-card) !important;
    border-color: var(--border-color) !important;
}

/* Tarjetas y Contenido */
.inner-box,
.card,
.market-block_two-inner,
.pricing-block_one .inner-box,
.accordion-box_four .block,
.dropdown-menu {
    background-color: var(--surface-card) !important;
    border: 1px solid var(--border-color) !important;
    transition: var(--theme-transition);
}

/* Ocultar el logo oscuro si el tema es light y visivecersa. */
[data-theme-version="light"] .logo-dark-theme {
    display: none !important;
}

[data-theme-version="light"] .logo-light-theme {
    display: block !important;
}

[data-theme-version="dark"] .logo-light-theme {
    display: none !important;
}

[data-theme-version="dark"] .logo-dark-theme {
    display: block !important;
}

/* Navigation Overrides - REMOVED TO RESTORE ORIGINAL THEME LOOK */


/* Inputs y Selects (Si aplica) */
input,
select,
textarea {
    background-color: var(--bg-main) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
}

/* ==========================================================================
   INTERACTIVOS (Toggle & Nav)
   ========================================================================== */
.theme-toggle {
    background-color: var(--surface-card) !important;
    color: var(--brand-primary) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.theme-toggle:hover {
    background-color: var(--brand-primary) !important;
    color: var(--bg-main) !important;
    transform: rotate(15deg);
}

/* Navigation Overrides */
.main-menu .navigation>li>a {
    color: var(--text-main) !important;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
    color: var(--brand-primary) !important;
}

/* ==========================================================================
   IMÁGENES Y FONDOS
   ========================================================================== */
/* Invertimos colores de fondos con imágenes si estamos en Light Theme */
[data-theme="light"] .page-title,
[data-theme-version="light"] .page-title,
[data-theme="light"] [style*="background-image"],
[data-theme-version="light"] [style*="background-image"],
[data-theme="light"] .bg-image,
[data-theme-version="light"] .bg-image {
    /* 
     El filtro invierte la imagen (negro -> blanco), 
     hue-rotate preserva los tonos originales (en lo posible)
     y brightness ajusta la intensidad.
    */
    filter: var(--image-filter, none);
}

/* ==========================================================================
   FOOTER THEME OVERRIDES
   ========================================================================== */
[data-theme="light"] .main-footer {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .main-footer .upper-box,
[data-theme="light"] .main-footer .footer-buttons {
    border-color: var(--border-color) !important;
}

[data-theme="light"] .main-footer .widgets-section .big-column:first-child {
    border-right-color: var(--border-color) !important;
}

[data-theme="light"] .main-footer .upper-box h4,
[data-theme="light"] .main-footer .footer-title,
[data-theme="light"] .main-footer .copyright,
[data-theme="light"] .main-footer .footer-socials a,
[data-theme="light"] .main-footer .footer-contact_list li,
[data-theme="light"] .main-footer .footer-contact_list li a {
    color: var(--headings-color) !important;
}

[data-theme="light"] .main-footer .footer-text,
[data-theme="light"] .main-footer .footer-list li a {
    color: var(--text-muted) !important;
}

[data-theme="light"] .main-footer .footer-list li a:hover,
[data-theme="light"] .main-footer .footer-socials a:hover {
    color: var(--brand-primary) !important;
}

[data-theme="light"] .main-footer .footer-buttons a {
    border-color: var(--headings-color) !important;
    color: var(--headings-color) !important;
}

[data-theme="light"] .main-footer .footer-buttons a i {
    color: var(--headings-color) !important;
}

[data-theme="light"] .main-footer .footer-buttons a:hover {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

[data-theme="light"] .main-footer .footer-buttons a:hover i {
    color: #fff !important;
}

/* [data-theme="light"] .main-footer .footer-logo img — handled by JS theme switcher */