/* ============================================================
   VARIABLES GLOBALES — Paleta, tipografía, espaciado
   iglesia-viva/css/variables.css
============================================================ */

:root {
  /* ── Paleta principal azul institucional ── */
  --blue-main:   #204e93;     /* Azul principal */
  --blue-dark:   #163768;     /* Azul oscuro — hover / activos */
  --blue-deeper: #0f2647;     /* Azul muy oscuro — fondos hero / footer */
  --blue-mid:    #2d65b8;     /* Azul medio — variaciones */
  --blue-light:  #dce8f7;     /* Azul muy claro — fondos suaves / tarjetas */
  --blue-soft:   #eef4fb;     /* Azul casi blanco — secciones alternativas */

  /* ── Neutros ── */
  --cream:       #f5f7fa;
  --warm-white:  #ffffff;
  --surface:     #edf2f9;

  /* ── Acento azul claro (reemplaza dorados anteriores) ── */
  --gold:        #b8cde8;
  --gold-light:  #c9daf0;
  --gold-dark:   #7a9fc4;

  /* ── Textos ── */
  --text-main:   #0f2647;
  --text-muted:  #4a6080;
  --text-light:  #7a96b4;

  /* ── Bordes y sombras ── */
  --border:      rgba(32, 78, 147, 0.15);
  --shadow-soft: 0 4px 30px rgba(32, 78, 147, 0.07);
  --shadow-med:  0 8px 50px rgba(32, 78, 147, 0.13);

  /* ── Alias heredados (no borrar — usados en componentes) ── */
  --brown-deep:  #0f2647;
  --brown-mid:   #163768;
  --brown-soft:  #2d65b8;

  /* ── Radios ── */
  --radius:      14px;
  --radius-sm:   8px;

  /* ── Tipografía ── */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Outfit', sans-serif;

  /* ── Layout ── */
  --header-h:    72px;

  /* ── Transiciones ── */
  --transition:  0.3s cubic-bezier(0.4, 0, 0.2, 1);
}