:root {
    /* Mapeo de identidad corporativa: Rojo #B1121A */
    /* Se posiciona el color corporativo principal en el nivel 600 */
    
    --color-primary-50:  #fff1f2 !important;
    --color-primary-100: #ffe4e6 !important;
    --color-primary-200: #fecdd3 !important;
    --color-primary-300: #fda4af !important;
    --color-primary-400: #fb7185 !important;
    --color-primary-500: #f43f5e !important;
    --color-primary-600: #b1121a !important; /* Rojo Corporativo Principal */
    --color-primary-700: #9f1239 !important;
    --color-primary-800: #881337 !important;
    --color-primary-900: #4c0519 !important;
    --color-primary-950: #450a0a !important;

    /* Neutros - Escala de Grises Tecnológica (Slate) */
    --color-base-50:  #f8fafc !important;
    --color-base-100: #f1f5f9 !important;
    --color-base-200: #e2e8f0 !important;
    --color-base-300: #cbd5e1 !important;
    --color-base-400: #94a3b8 !important;
    --color-base-500: #64748b !important;
    --color-base-600: #475569 !important;
    --color-base-700: #334155 !important;
    --color-base-800: #1e293b !important;
    --color-base-900: #0f172a !important;
    --color-base-950: #020617 !important;

    /* Variables de Texto - Modo Claro */
    --color-font-primary:   #0f172a !important; /* Slate 900 */
    --color-font-secondary: #475569 !important; /* Slate 600 */
    --color-font-tertiary:  #94a3b8 !important; /* Slate 400 */
}

/* Modo Oscuro */
.dark {
    /* Variables de Texto - Modo Oscuro */
    --color-font-primary:   #f8fafc !important; /* Slate 50 */
    --color-font-secondary: #cbd5e1 !important; /* Slate 300 */
    --color-font-tertiary:  #64748b !important; /* Slate 500 */
}