/**
 * Tokens de Diseño e Identidad Visual LCG UNAM
 */

:root {
    /* Paleta Institucional UNAM */
    --color-primary: #1b5299;          /* Azul UNAM Institucional */
    --color-primary-dark: #123b70;     /* Azul UNAM Obscuro */
    --color-primary-light: #2b6cb0;    /* Azul Acento */
    --color-gold: #f59e0b;             /* Oro UNAM / Botón Admisión */
    --color-gold-hover: #d97706;       /* Oro Hover */
    --color-gold-light: #fef3c7;       /* Oro Fondo suave */
    
    /* Superficies y Fondos */
    --color-navy: #0a192f;             /* Navy Profundo para Footer / Banners */
    --color-navy-light: #112240;       /* Navy para componentes */
    --color-bg-light: #f8fafc;         /* Gris Fondo Secciones */
    --color-bg-white: #ffffff;         /* Blanco Tarjetas */
    
    /* Tipografía y Textos */
    --color-text-main: #1e293b;        /* Texto principal carbón */
    --color-text-muted: #64748b;       /* Texto secundario gris */
    --color-text-light: #94a3b8;       /* Texto suave */
    
    /* Bordes y Líneas */
    --color-border: #e2e8f0;           /* Bordes suaves de tarjetas */
    --color-border-hover: #cbd5e1;
    
    /* Fuentes */
    --font-family-base: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Inter', Roboto, sans-serif;
    --font-family-mono: 'Consolas', 'Courier New', monospace;
    
    /* Sombras y Elevaciones */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* Radios de Borde */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    /* Transiciones */
    --transition: all 0.25s ease-in-out;
    
    /* Layout */
    --max-width: 1200px;
    --header-height: 72px;
}