:root{
  /* Paleta primaria */
  --color-azul: #00338D;     /* Pantone 287 */
  --color-amarillo: #EBB700; /* Pantone 7406 */
  --color-morado: #7A2582;   /* Pantone 2612 */

  /* Secundarios */
  --color-verde: #00AB68;    /* Pantone 3405 */
  --color-rojo: #FF5B35;     /* Pantone 171 */
  --color-azul-oscuro: #0D2240; /* Pantone 289 */
  --color-gris-oscuro: #55565A; /* Cool Gray 11 */
  --color-gris-claro: #B3B2B1;  /* Cool Gray 5 */

  /* Tipografía */
  --font-primary: 'Roboto', Arial, Helvetica, sans-serif;

  /* Sombra suave */
  --shadow-sm: 0 0.5rem 1rem rgba(0,0,0,.08);
}
body{ font-family: var(--font-primary); color: var(--color-azul-oscuro); }
a{ color: var(--color-azul); }
a:hover{ color: var(--color-amarillo); }

/* Botón principal con identidad */
.btn-primary{
  background-color: var(--color-azul);
  border-color: var(--color-azul);
}
.btn-primary:hover{
  background-color: var(--color-amarillo);
  border-color: var(--color-amarillo);
  color: var(--color-azul);
}
.btn-outline-primary{
  color: var(--color-azul);
  border-color: var(--color-azul);
}
.btn-outline-primary:hover{
  background-color: var(--color-azul);
  color:#fff;
}