:root{
/* Primarios — la marca vive principalmente en estos dos, con el azul dominante.
   Azul · PANTONE 2728 C · #0B42D5 · R11  G66  B213 · C100 M75 Y0  K5
   Rosa · PANTONE 489 C  · #F4D8D7 · R244 G216 B215 · C0   M30 Y25 K0
   Fuente: assets/reference/PALETA_COLORES.pdf y manual marca piazzola.pdf p. 18. */
--azul:#0B42D5;
--rosa:#F4D8D7;
--blanco:#FFFFFF;
--negro:#000000;

/* Secundarios — sólo para facilitar la navegación en la web (estados, jerarquías,
   hovers). El manual los da únicamente en HEX: no hay Pantone ni CMYK definidos,
   así que no los lleves a impresión sin pedir la conversión. */
--azul-claro:#8BB6EA;
--azul-medio:#71A2EA;
--rosa-medio:#F5A9A6;
--rosa-fuerte:#F79A9A;

/* Neutros de soporte (extensión: no figuran en el manual, ver readme.md) */
--gris-linea:rgba(11,66,213,.18);
--gris-texto:rgba(11,66,213,.60);
--kraft:#C9AE8B;

/* Alias semánticos */
--surface-page:var(--blanco);
--surface-brand:var(--azul);
--surface-soft:var(--rosa);
--surface-card:var(--blanco);
--surface-card-brand:var(--azul);
--surface-card-soft:var(--rosa);

--text-heading:var(--azul);
--text-body:var(--azul);
--text-muted:var(--gris-texto);
--text-on-brand:var(--blanco);
--text-on-soft:var(--azul);

--accent:var(--azul);
--accent-hover:var(--azul-medio);
--accent-press:#0836AE;
--accent-soft:var(--rosa);
--accent-soft-hover:var(--rosa-medio);
--accent-soft-press:var(--rosa-fuerte);

--border-default:var(--gris-linea);
--border-strong:var(--azul);
--focus-ring:var(--azul-medio);

/* Estado (extensión: el manual no define semánticos de sistema) */
--exito:#0B8F5E;
--alerta:#D8892B;
--error:#C33131;

/* Overlays sobre fotografía */
--scrim-foto:rgba(0,0,0,.28);
--scrim-foto-fuerte:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 45%,rgba(0,0,0,.45)); /* @kind color */
}