/**
 * branding.css — Colores de marca por municipio
 *
 * PROTEGIDO: Este archivo tiene merge=ours en .gitattributes.
 * NO se sobreescribe en sincronizaciones [RELEASE].
 * Configura aquí los colores reales del municipio.
 *
 * theme-init.js sobreescribe estas variables en runtime con los
 * valores de Firestore (system_config/branding_template) si existen.
 * Este archivo actúa como fallback CSS puro (antes de que JS ejecute).
 *
 * Para cambiar los colores del municipio:
 *   1. Editar los valores hex aquí
 *   2. Actualizar BRANDING_* en .env (mismo color)
 *   3. Configurar en Firestore system_config/branding_template (opcional)
 */

:root {
  /* ── COLOR PRIMARIO — Teoloyucan: Borgoña institucional ── */
  --primary-burgundy:       #7A2E3D;
  --primary-burgundy-dark:  #5C101F;
  --primary-burgundy-light: #A25665;
  --primary-burgundy-soft:  rgba(122, 46, 61, 0.1);

  /* ── COLOR SECUNDARIO — Teoloyucan: Beige cálido ── */
  --secondary-beige:       #E2D9C5;
  --secondary-beige-dark:  #CEC5B1;
  --secondary-beige-light: #F6EDD9;

  /* ── COLOR ACENTO — Teoloyucan: Dorado ── */
  --accent-gold:       #B8860B;
  --accent-gold-dark:  #9A6800;
  --accent-gold-light: #E0AE33;

  /* ── RGB (para rgba() en theme-init.js y sombras) ── */
  --color-primary-rgb:   122, 46, 61;
  --color-secondary-rgb: 226, 217, 197;
  --color-accent-rgb:    184, 134, 11;
}