/**
 * branding.css — Colores institucionales del municipio.
 *
 * Este archivo está protegido con merge=ours en .gitattributes.
 * Los commits [RELEASE] desde main NUNCA sobreescriben este archivo en ramas municipales.
 *
 * Los valores aquí deben coincidir con los BRANDING_* del .env:
 *   BRANDING_PRIMARY_COLOR, BRANDING_SECONDARY_COLOR, BRANDING_ACCENT_COLOR
 *
 * theme-init.js los sobreescribe en runtime con los valores reales de Firestore.
 * Estos solo son fallback CSS para el instante previo a que corra el JS.
 */
:root {
  /* Primario — coincidir con BRANDING_PRIMARY_COLOR en .env */
  --color-primary:        #1AB09C;
  --color-primary-rgb:    26, 176, 156;
  --color-primary-hover:  #0e9a87;
  --color-primary-light:  #4ec8b6;
  --color-primary-subtle: #e6f7f5;
  --color-primary-bg:     rgba(26, 176, 156, 0.1);
  --color-primary-soft:   #e6f7f5;

  /* Secundario — coincidir con BRANDING_SECONDARY_COLOR en .env */
  --color-secondary:        #4A5559;
  --color-secondary-hover:  #3a4347;
  --color-secondary-light:  #727d81;
  --color-secondary-subtle: #f0f2f2;
  --color-secondary-bg:     rgba(74, 85, 89, 0.1);

  /* Acento — coincidir con BRANDING_ACCENT_COLOR en .env */
  --color-accent:        #D32F5F;
  --color-accent-hover:  #b51141;
  --color-accent-light:  #e86a8c;
  --color-accent-subtle: #fceef3;
  --color-accent-bg:     rgba(211, 47, 95, 0.1);
}