/**
 * Variables CSS - Municipalidad de Devoto
 * 
 * Colores institucionales EXACTOS extraídos del sitio legacy.
 * 
 * IMPORTANTE:
 * - Nomenclatura INGLESA estándar (--color-primary, NO --primario)
 * - Compatible con todo el proyecto municipio.local
 * - Sobrescribe variables base del framework
 * 
 * Sitio legacy: https://nuevaweb.devoto.gov.ar/
 * Fecha: 2026-05-08
 */

:root {
    /* ========================================
       COLORES INSTITUCIONALES
       Nomenclatura inglesa estándar
       ======================================== */

    /* Colores principales */
    --color-primary: #7BAB3B;
    /* Verde principal institucional */
    --color-secondary: #547528;
    /* Verde oscuro */
    --color-success: #7BAB3B;
    /* Mismo que primary para consistencia */
    --color-primary-hover: #547528;
    /* Verde oscuro hover (primary más oscuro) */

    /* Colores base */
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-negro: #000000;
    /* Alias para compatibilidad */
    --color-blanco: #FFFFFF;
    /* Alias para compatibilidad */

    /* Colores adicionales */
    --color-red: #E42345;
    --color-pink: #D9368B;
    --color-yellow: #FFC400;
    --color-blue: #007BFF;
    --color-cyan: #00BCD4;

    /* Escala de grises */
    --color-gray: #f8f6f6;
    --color-gray-light: #D1D5DB;
    --color-gray-medium: #bababa;
    --color-gray-dark: #464646;
    --color-gris: #f8f6f6;
    /* Alias para compatibilidad */

    /* Texto */
    --color-parrafo: #464646;
    /* Color de párrafos */

    /* ========================================
       TIPOGRAFÍA
       ======================================== */

    --font-family: 'Poppins', serif;
    --font-size-base: 1.5rem;
    /* 15px con escala 62.5% */
}

/**
 * ⚠️ CRÍTICO: Override de html font-size
 * 
 * El sitio legacy de Devoto usa 62.5% para convertir 1rem = 10px
 * Esto permite que:
 * - 1.5rem = 15px (tamaño base del body)
 * 
 * Sin este override, TODOS los tamaños rem del legacy serán incorrectos.
 * 
 * Documentación: /.docs/migracion/ERRORES-COMUNES-MIGRACION.md (ERROR #11)
 */
html {
    font-size: 62.5%;
    /* 1rem = 10px */
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/**
 * Tamaños de fuente base
 */
body {
    font-size: 1.5rem;
    /* 15px */
    font-family: var(--font-family);
    color: var(--color-negro);
}

p {
    font-size: 1.6rem;
    color: var(--color-parrafo);
    line-height: 135%;
}