/* ==========================================================================
   CSS Variables
   ========================================================================== */
:root {
    --color-blanco: #F5F5F5;
    --color-negro: #0F0F0F;
    --color-azul: #195387;
    --color-azul-celeste: #89C4E2;
    --color-rojo: #BD1622;
    --color-gris: #4a4a4a;
    --color-border-ui: #949494;
    --color-azul-hover: #2a6ba3;
    --font-primary: 'Source Sans 3', sans-serif;
    --font-secondary: 'Montserrat', sans-serif;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --transition: 0.3s ease;
    --container-max: 1200px;
    --navbar-height: 72px;
    --topbar-height: 40px;
}