/* ------------------------------------------------------------
   Color — values taken verbatim from the Chopo brand manual
   ("Toda una vida cuidando la vida" campaign, Modularidad page).
   ------------------------------------------------------------ */
:root {
  /* Brand primaries */
  --chopo-azul:          #005FFC; /* Azul Chopo   R0  G95  B252 */
  --chopo-azul-profundo: #004699; /* Azul Profundo R0  G70  B153 */
  --chopo-verde:         #63CF00; /* Verde Vida   R99 G207 B0   */

  /* Brand secondaries */
  --chopo-azul-medio:    #81A4EE; /* R129 G164 B238 */
  --chopo-azul-cielo:    #BDD4F2; /* R189 G212 B242 */
  --chopo-rosa:          #F24360; /* R242 G67  B96  — promociones/descuentos only */

  /* Event accent (line-icon holographic style — Jornadas only) */
  --chopo-cian:          #17AEE0;

  /* Neutrals (functional) */
  --chopo-blanco:        #ffffff;
  --chopo-tinta:         #10254A;
  --chopo-gris:          #5B6B85;
  --chopo-gris-suave:    #8A99B5;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--chopo-azul);
  --color-primary-strong: var(--chopo-azul-profundo);
  --color-accent:         var(--chopo-verde);
  --color-promo:          var(--chopo-rosa);

  --text-heading:  var(--chopo-azul-profundo);
  --text-body:     var(--chopo-gris);
  --text-muted:    var(--chopo-gris-suave);
  --text-on-primary: #ffffff;
  --text-link:     var(--chopo-azul);

  --surface-page:  #F5F8FE;
  --surface-card:  #ffffff;
  --surface-soft:  #EAF1FC;
  --surface-pleca: var(--chopo-azul-cielo);
  --surface-invert: var(--chopo-azul-profundo);

  --border-subtle: #E2E9F5;
  --border-strong: var(--chopo-azul);

  --focus-ring:    var(--chopo-azul);
}