/**
 * Variables CSS - Template Monte Cristo
 * 
 * Colores institucionales EXACTOS del sitio legacy
 * Fuente: C:\Users\usuario\Documents\gitvenus\montecristo\theme\estilos\generales\template_formato-basico.css
 * 
 * IMPORTANTE: Usar nomenclatura INGLESA estándar del proyecto
 * NO usar nomenclatura española (--primario, --secundario)
 */

:root {
    /* Colores institucionales (nomenclatura INGLESA) */
    --color-primary: #006AB6;      /* Azul institucional */
    --color-secondary: #00adee;    /* Azul claro */
    --color-success: #0db1b3;      /* Turquesa (terciario) */
    
    /* Colores base */
    --color-blanco: #FFFFFF;
    --color-negro: #232323;
    
    /* Escala de grises */
    --color-gris: #F0F4F6;
    --color-gris-claro: #E8E8E8;
    --color-gris-oscuro: #8C8C8C;
    --color-parrafo: #777777;
    
    /* Colores adicionales */
    --color-lila: #61257f;
    --color-rosa: #df1784;
    
    /* Tipografía */
    --font-family: "Nunito Sans", sans-serif;
    
    /* Aliases para compatibilidad con CSS legacy */
    /* NOTA: El CSS legacy usa nomenclatura española, estos aliases permiten migración gradual */
    --blanco: var(--color-blanco);
    --negro: var(--color-negro);
    --primario: var(--color-primary);
    --secundario: var(--color-secondary);
    --terciario: var(--color-success);
    --gris: var(--color-gris);
    --grisclaro: var(--color-gris-claro);
    --grisoscuro: var(--color-gris-oscuro);
    --parrafo: var(--color-parrafo);
    --lila: var(--color-lila);
    --rosa: var(--color-rosa);
    --fuente: var(--font-family);
}

/**
 * Tipografía base
 * Mantiene configuración del legacy
 * 
 * IMPORTANTE: font-size: 62.5% hace que 1rem = 10px
 * Esto permite usar rem de forma intuitiva (1.6rem = 16px, 1.4rem = 14px, etc.)
 */
html {
    font-size: 62.5%; /* 1rem = 10px */
}

body {
    font-family: var(--font-family);
    font-size: 1.6rem; /* 16px - tamaño base del texto */
    color: var(--color-negro);
}