/* Paquete de marca - Empresas Valmar.
   Contrato (ver docs/MARCA.md): este archivo define SOLO los tokens de marca; app.css los consume.
   Las rutas son relativas a este archivo, así el paquete (assets/brand/) se puede reemplazar o
   montar como volumen sin tocar nada más. Los textos y logos están en brand.json. */

/* Red Hat Text (SIL OFL 1.1, ver fonts/OFL.txt): sustituto provisional de VW Head, la tipografía
   del manual de marca, mientras se resuelve su licencia. Variable 300-700, subconjunto latino. */
@font-face {
    font-family: "Red Hat Text";
    src: url("fonts/RedHatText-var.woff2") format("woff2");
    font-weight: 300 700; font-style: normal; font-display: swap;
}

:root {
    --color-primary:    #0077ee;   /* azul institucional */
    --color-primary-dk: #005fc0;   /* hover (derivado del azul; no definido en el manual) */
    --color-green:      #aecf00;   /* secundario / acento */
    --color-orange:     #ff6700;   /* secundario */
    --color-primary-soft:    #d6e9fc;   /* fondo de badges (derivado del azul) */
    --color-primary-soft-fg: #00478f;   /* texto de badges (derivado del azul) */
    --color-focus-ring: rgba(0,119,238,.2);   /* halo de foco: el azul primario con transparencia */

    /* Franja bajo la barra superior (naranja, verde, azul; manual de marca). `none` para quitarla. */
    --brand-stripe: linear-gradient(to right,
        var(--color-orange) 0 33.33%, var(--color-green) 33.33% 66.66%, var(--color-primary-dk) 66.66% 100%);

    --font: "VW Head", "Red Hat Text", system-ui, -apple-system, sans-serif;
}