/* ==========================================
   ANGLOLAB — SISTEMA DE DISEÑO COMPARTIDO
   Colección de variables (tokens) de estilo
   ========================================== */

:root {
    /* 1. Paleta de Colores Anglolab (Extraída de Login.css) */
    --azul:        #0079C8;
    --azul-hover:  #0067ab;
    --navy:        #0D1846;
    --gris-calido: #F1EFEB;
    --rojo:        #E53935;
    --fondo:       #EAF1F8;
    --texto:       #0D1846;
    --gris-label:  #44546a;
    --gris-borde:  #d6dee8;
    --gris-campo:  #f6f5f2;
    --font:        Tahoma, Verdana, Segoe, 'Segoe UI', Arial, sans-serif;

    /* 2. Semántica extendida para la página de Resultados */
    --primary:         var(--azul);
    --primary-hover:   var(--azul-hover);
    --primary-light:   #e0f2fe; /* Celeste claro para fondos suaves/hover */
    --secondary:       #005691; /* Celeste oscuro original */
    --secondary-light: #006bb3; /* Celeste intermedio original */
    
    --bg-main:         var(--fondo);
    --bg-card:         #ffffff;
    --text-main:       var(--texto);
    --text-muted:      #556885;
    --text-light:      #8ea0be;
    --border-color:    var(--gris-borde);
    --border-hover:    #a0b2cd;
    
    /* 3. Estados y alertas */
    --success:         #10B981;
    --success-light:   #d1fae5;
    --success-dark:    #065f46;
    
    --warning:         #F59E0B;
    --warning-light:   #fef3c7;
    --warning-dark:    #92400e;
    
    --danger:          var(--rojo);
    --danger-light:    #fee2e2;
    --danger-dark:     #991b1b;
    
    --font-sans:       var(--font);
    
    /* 4. Sombras compartidas */
    --shadow-sm:      0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md:      0 4px 6px -1px rgba(13, 24, 70, 0.05), 0 2px 4px -2px rgba(13, 24, 70, 0.05);
    --shadow-lg:      0 10px 15px -3px rgba(13, 24, 70, 0.04), 0 4px 6px -4px rgba(13, 24, 70, 0.04);
}