/* =========================================================================
   VARIABLES GLOBALES (COMPARTIDAS)
   ========================================================================= */
:root {
    /* UDB Brand Colors */
    --udb-blue: #0033a0;
    --udb-blue-light: #3366cc;
    --udb-yellow: #ffd100;
    /* Theme Colors (Dark Modern) */
    --bg-dark-base: #0f172a; /* Slate 900 */
    --bg-dark-soft: #152453; /* Slate 800 - un tono más suave derivado de la base */
    --bg-dark-surface: #1e293b; /* Slate 800 */
    --bg-darker: #020617; /* Slate 950 */
    /* Hero / Accent Blue Colors */
    --hero-blue-start: #00338D;
    --hero-blue-end: #1e40af;
    --hero-blue-gradient: linear-gradient(135deg, var(--hero-blue-start) 0%, var(--hero-blue-end) 100%);
    /* Text Colors */
    --text-primary: #f8fafc;
    --text-muted: #94a3b8;
    /* UI Elements */
    --border-color: rgba(255, 255, 255, 0.08);
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(255, 255, 255, 0.1);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* Modal / General Layout Variables */
    --bg-body-light: #f1f5f9;
    --text-main-light: #0f172a;
    --border-color-light: #e2e8f0;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 16px;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}