/* ==========================================================================
   VARIABLES GLOBALES (Diseño de Identidad de Marca y Consistencia Visual)
   ========================================================================== */

:root {
    /* Paleta de Colores de Prestigio (Enfoque Legal/Corporativo) */
    --color-primary: #111b24;         /* Azul Prusia profundo (Autoridad y Elegancia) */
    --color-secondary: #1a2a3a;       /* Azul marino intermedio para contraste sutil */
    --color-accent: #c5a059;          /* Oro institucional (Distinción y Calidad académica) */
    --color-accent-hover: #b08d48;    /* Oro oscurecido para transiciones interactivas */
    
    /* Colores Semánticos de Interfaz */
    --color-background: #f8f9fa;      /* Fondo claro institucional neutro */
    --color-card-bg: #ffffff;         /* Fondo puro para contenedores independientes */
    --color-text-main: #2c3e50;       /* Texto principal con alto contraste de legibilidad */
    --color-text-muted: #627284;      /* Texto secundario e informativo suavizado */
    
    /* Configuración Tipográfica */
    --font-titles: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Parámetros Estructurales Uniformes */
    --border-radius: 8px;
    --shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 8px 24px rgba(17, 27, 36, 0.08);
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Normalización estructural básica */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--color-background);
    color: var(--color-text-main);
    font-family: var(--font-body);
    line-height: 1.5;
    overflow-x: hidden;
}