:root {
    /* === COLORES DE TEXTO === */
    --Text-Default: #2c3e50;
    --Text-White: #FFF;
    --Text-Link: #0274be;
    --Text-Tertiary: #F8F9FA;
    --Text-Secondary: #6c757d;

    /* === VERDE CORPORATIVO (Color principal de la marca) === */
    --Brand-Green: #2e7d32;
    --Brand-Green-Dark: #1b5e20;
    --Brand-Green-Light: #66bb6a;
    --Brand-Green-Lighter: #c8e6c9;
    --Brand-Green-Lightest: #f1f8e9;
    --Brand-Green-Accent: rgba(46, 125, 50, 0.1);
    --Brand-Green-Shadow: rgba(46, 125, 50, 0.3);

    /* === NARANJA CORPORATIVO (Color complementario) === */
    --Brand-Orange: #f57c00;
    --Brand-Orange-Dark: #ef6c00;
    --Brand-Orange-Light: #ff9800;
    --Brand-Orange-Lighter: #ffcc80;
    --Brand-Orange-Lightest: #fff8e1;

    /* === NEUTROS CORPORATIVOS === */
    --Brand-Gray-Dark: #333;
    --Brand-Gray: #666;
    --Brand-Gray-Light: #999;
    --Brand-Gray-Lighter: #f0f0f0;
    --Brand-White: #ffffff;
    --Brand-Background: #f8fdf8;

    /* === SOMBRAS Y EFECTOS === */
    --Shadow-Light: rgba(0, 0, 0, 0.1);
    --Shadow-Medium: rgba(0, 0, 0, 0.15);
    --Shadow-Dark: rgba(0, 0, 0, 0.2);
    --Border-Light: rgba(0, 0, 0, 0.1);

    /* === AZUL CORPORATIVO (Color de negocio) === */
    --Business: #0274be;
    --Business-90: #1c80c4;
    --Business-80: #368dcb;
    --Business-70: #5099d1;
    --Business-60: #6aa5d7;
    --Business-50: #84b2dd;
    --Business-40: #9ebee4;
    --Business-30: #b8caea;
    --Business-20: #d2d6f0;
    --Business-10: #ece3f6;
    --Business-05: #f5f9fc;

    /* === VERDE TECH (Color secundario tecnológico) === */
    --Tech: #a4d768;
    --Tech-90: #aed975;
    --Tech-80: #b8dc82;
    --Tech-70: #c2de8f;
    --Tech-60: #cce19c;
    --Tech-50: #d6e3a9;
    --Tech-40: #e0e6b6;
    --Tech-30: #eae8c3;
    --Tech-20: #f4ebd0;
    --Tech-10: #feeded;
    --Tech-05: #fdf6f6;

    /* === MARRÓN TIERRA (Color neutral cálido) === */
    --Earth: #8b6914;
    --Earth-90: #957327;
    --Earth-80: #9f7d3a;
    --Earth-70: #a9874d;
    --Earth-60: #b39160;
    --Earth-50: #bd9b73;
    --Earth-40: #c7a586;
    --Earth-30: #d1af99;
    --Earth-20: #dbb9ac;
    --Earth-10: #e5c3bf;
    --Earth-05: #f2e1d9;

    /* === NARANJA ENERGÉTICO (Color energético) === */
    --Energy: #ff8c42;
    --Energy-90: #ff9655;
    --Energy-80: #ffa068;
    --Energy-70: #ffaa7b;
    --Energy-60: #ffb48e;
    --Energy-50: #ffbea0;
    --Energy-40: #ffc8b3;
    --Energy-30: #ffd2c6;
    --Energy-20: #ffdcd9;
    --Energy-10: #ffe6ec;
    --Energy-05: #fff2f5;

    /* === VERDE OSCURO CORPORATIVO (Verde profesional) === */
    --Corporate: #2d5016;
    --Corporate-90: #405e29;
    --Corporate-80: #536c3c;
    --Corporate-70: #667a4f;
    --Corporate-60: #798862;
    --Corporate-50: #8c9675;
    --Corporate-40: #9fa488;
    --Corporate-30: #b2b29b;
    --Corporate-20: #c5c0ae;
    --Corporate-10: #d8cec1;
    --Corporate-05: #ebe6d4;

    /* === AZUL CIELO (Espacios abiertos y modernidad) === */
    --Sky: #87ceeb;
    --Sky-90: #92d3ee;
    --Sky-80: #9dd8f0;
    --Sky-70: #a8ddf3;
    --Sky-60: #b3e2f5;
    --Sky-50: #bee7f8;
    --Sky-40: #c9ecfa;
    --Sky-30: #d4f1fd;
    --Sky-20: #dff6ff;
    --Sky-10: #eafbff;
    --Sky-05: #f4fdff;

    /* === VERDE ÉXITO (Confirmaciones y logros) === */
    --Confirmation: #28a745;
    --Confirmation-90: #3cb158;
    --Confirmation-80: #50bb6b;
    --Confirmation-70: #64c57e;
    --Confirmation-60: #78cf91;
    --Confirmation-50: #8cd9a4;
    --Confirmation-40: #a0e3b7;
    --Confirmation-30: #b4edca;
    --Confirmation-20: #c8f7dd;
    --Confirmation-10: #dcfff0;
    --Confirmation-05: #eeffff;

    /* === AMARILLO DORADO (Destacados y premium) === */
    --Premium: #ffd700;
    --Premium-90: #ffda1a;
    --Premium-80: #ffdd33;
    --Premium-70: #ffe04d;
    --Premium-60: #ffe366;
    --Premium-50: #ffe680;
    --Premium-40: #ffe999;
    --Premium-30: #ffecb3;
    --Premium-20: #ffefcc;
    --Premium-10: #fff2e6;
    --Premium-05: #fff8f2;

    /* === NARANJA ADVERTENCIA (Alertas y precauciones) === */
    --Warn: #fd7e14;
    --Warn-90: #fd8b27;
    --Warn-80: #fd983a;
    --Warn-70: #fda54d;
    --Warn-60: #fdb260;
    --Warn-50: #fdbf73;
    --Warn-40: #fdcc86;
    --Warn-30: #fdd999;
    --Warn-20: #fde6ac;
    --Warn-10: #fdf3bf;
    --Warn-05: #feffd2;

    /* === ROJO ERROR (Errores y alertas críticas) === */
    --Error: #dc3545;
    --Error-90: #e04858;
    --Error-80: #e45b6b;
    --Error-70: #e86e7e;
    --Error-60: #ec8191;
    --Error-50: #f094a4;
    --Error-40: #f4a7b7;
    --Error-30: #f8baca;
    --Error-20: #fccddd;
    --Error-10: #ffe0f0;
    --Error-05: #fff2f8;

    /* === AZUL INFORMACIÓN (Datos e información) === */
    --Info: #17a2b8;
    --Info-90: #2aacbc;
    --Info-80: #3db6c0;
    --Info-70: #50c0c4;
    --Info-60: #63cac8;
    --Info-50: #76d4cc;
    --Info-40: #89ded0;
    --Info-30: #9ce8d4;
    --Info-20: #aff2d8;
    --Info-10: #c2fcdc;
    --Info-05: #d5ffe0;

    /* === FONDO Y NEUTROS === */
    --Background: #f8f9fa;
    --Background-90: #f9fafb;
    --Background-80: #fafbfc;
    --Background-70: #fbfcfd;
    --Background-60: #fcfdfe;
    --Background-50: #fdfdfe;
    --Background-40: #fefeff;
    --Background-30: #ffffff;
    --Background-20: #ffffff;
    --Background-10: #ffffff;
    --Background-05: #ffffff;

    /* === GRIS SECUNDARIO === */
    --Secondary: #495057;
    --Secondary-90: #5a6169;
    --Secondary-80: #6b727b;
    --Secondary-70: #7c838d;
    --Secondary-60: #8d949f;
    --Secondary-50: #9ea5b1;
    --Secondary-40: #afb6c3;
    --Secondary-30: #c0c7d5;
    --Secondary-20: #d1d8e7;
    --Secondary-10: #e2e9f9;
    --Secondary-05: #f3fafb;

    /* === VERDE PRIMARIO (Color principal corporativo) === */
    --Primary: #a4d768;
    --Primary-90: #aed975;
    --Primary-80: #b8dc82;
    --Primary-70: #c2de8f;
    --Primary-60: #cce19c;
    --Primary-50: #d6e3a9;
    --Primary-40: #e0e6b6;
    --Primary-30: #eae8c3;
    --Primary-20: #f4ebd0;
    --Primary-10: #feeded;
    --Primary-05: #fdf6f6;

    /* === VARIABLES WORDPRESS COMPATIBLES === */
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--primary: var(--Primary);
    --wp--preset--color--secondary: var(--Secondary);
    --wp--preset--color--business: var(--Business);
    --wp--preset--color--tech: var(--Tech);
    --wp--preset--color--corporate: var(--Corporate);
    --wp--preset--color--energy: var(--Energy);
    --wp--preset--color--success: var(--Confirmation);
    --wp--preset--color--warning: var(--Warn);
    --wp--preset--color--danger: var(--Error);
    --wp--preset--color--info: var(--Info);

    /* === GRADIENTES TEMÁTICOS === */
    --wp--preset--gradient--tech-sunrise: linear-gradient(135deg, var(--Tech) 0%, var(--Energy) 100%);
    --wp--preset--gradient--corporate-tech: linear-gradient(135deg, var(--Business) 0%, var(--Primary) 100%);
    --wp--preset--gradient--earth-sky: linear-gradient(135deg, var(--Earth) 0%, var(--Sky) 100%);
    --wp--preset--gradient--corporate-growth: linear-gradient(135deg, var(--Corporate) 0%, var(--Confirmation) 100%);
    --wp--preset--gradient--premium-energy: linear-gradient(135deg, var(--Premium) 0%, var(--Energy) 100%);

    /* === COMPATIBILIDAD CON ASTRA THEME === */
    --ast-global-color-0: var(--Business);      /* Azul corporativo */
    --ast-global-color-1: var(--Secondary);     /* Texto gris oscuro */
    --ast-global-color-2: var(--Text-Default);  /* Texto principal */
    --ast-global-color-3: var(--Secondary-60);  /* Gris medio */
    --ast-global-color-4: var(--Background);    /* Fondo claro */
    --ast-global-color-5: #FFFFFF;              /* Blanco puro */
    --ast-global-color-6: var(--Background-20); /* Fondo alternativo */
    --ast-global-color-7: var(--Text-Secondary);/* Texto secundario */
    --ast-global-color-8: #000000;              /* Negro puro */
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/_master/_static/fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
        url('/_master/_static/fonts/SpaceGrotesk-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/_master/_static/fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('/_master/_static/fonts/SpaceGrotesk-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/_master/_static/fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('/_master/_static/fonts/SpaceGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}