/**
 * Paleta de marca — SUPPLY / Pronetsys
 *
 * ESTE ES EL ÚNICO ARCHIVO CSS QUE SE TOCA PARA REBRANDEAR.
 * style.css no contiene ni un solo color literal: todo sale de aquí.
 *
 * Los cuatro colores base están tomados directamente del logotipo
 * (assets/img/brand/logo.png); el resto se deriva de ellos:
 *
 *   #15406f  azul corporativo   flecha, tipografía
 *   #657b87  gris azulado       cubo y eslabón
 *   #f39823  naranja            cara del cubo, punto de la "i"
 *   #f2f1ef  hueso              cara superior del cubo
 *
 * Todas las combinaciones de texto verificadas contra WCAG AA
 * (mínimo 4.5:1 en texto normal, 3:1 en elementos gráficos).
 *
 * Al cambiar un color hay que actualizar SIEMPRE su tripleta -rgb.
 */

:root {
    /* --- Color primario: navbar, botones, encabezados de tabla --- */
    --color-primary:        #15406f;   /* blanco encima: 10.53:1 */
    --color-primary-light:  #3f6289;
    --color-primary-dark:   #0e2c4b;   /* blanco encima: 14.18:1 */
    --color-primary-rgb:    21, 64, 111;

    /* --- Acento: destacados, footer, botón .btn-accent --- */
    --color-accent:         #f39823;   /* texto oscuro encima: 7.28:1 */
    --color-accent-dark:    #cf811e;
    --color-accent-rgb:     243, 152, 35;

    /* --- Gris de marca: cubo y eslabón del isotipo --- */
    --color-brand-gray:     #657b87;
    --color-brand-gray-rgb: 101, 123, 135;

    /* --- Neutros --- */
    --color-secondary:      #2a3439;   /* fondo del footer */
    --color-body:           #53656f;   /* texto corrido: 5.38:1 sobre el fondo */
    --color-heading:        #15406f;   /* títulos: 9.33:1 sobre el fondo */
    --color-border:         #dde2e5;
    --color-bg:             #f2f1ef;   /* el hueso del logotipo */
    --color-white:          #ffffff;
    --color-footer-text:    #b9c2c8;   /* 7.04:1 sobre el footer */
    --color-scroll-track:   #f7f6f5;
    --color-scroll-thumb:   #bac4c9;

    /* --- Semánticos: estados y alertas --- */
    --color-success:        #198754;
    --color-danger:         #dc3545;
    --color-warning:        #ffc107;
    --color-info:           #0dcaf0;

    /* --- Tipografía --- */
    --font-primary:         'Poppins', sans-serif;   /* títulos y marca */
    --font-secondary:       'Rubik', sans-serif;     /* texto corrido */

    /* --- Forma --- */
    --radius-sm:            0.375rem;
    --radius-md:            0.5rem;
    --radius-lg:            1rem;
}