/* =====================================================================
   renacer.css — Tokens de marca compartidos con Ekklesia
   =====================================================================
   Este archivo existe para que el azul de Renacer se escriba UNA vez.
   Hasta ahora cada pantalla lo llevaba a mano: 443 utilidades Tailwind
   `-[#003399]` y 355 apariciones sueltas dentro de bloques <style>.
   Cambiar la marca significaba tocar 63 archivos y confiar en que no se
   escapara ninguno — y se escapaban: convivían `hover:bg-blue-800` y
   `hover:bg-[#002266]` como hover del MISMO botón lleno.

   Los nombres están calcados de `assets/ekklesia.css`, no inventados.
   Si un token se llama igual en los dos sistemas, el próximo que lea
   cualquiera de los dos reconoce el otro. Acá va solo el subconjunto
   que Inscripciones realmente usa; el resto vive en Ekklesia.

   ── Por qué --acc y no --renacer ──────────────────────────────────
   `--renacer` (#003399) es el azul institucional literal: el de la
   marca, el del logo. Pero la INTERFAZ de Ekklesia no se pinta con él,
   sino con la escala de azul medianoche, y su acento es `--acc`
   (#0e2a63). Inscripciones pintaba sus botones con #003399, así que
   los dos sistemas mostraban azules distintos aunque compartieran el
   token. Por eso el relleno, el texto de acento y los bordes pasan a
   `--acc`, y `--renacer` queda reservado para donde haga falta la
   marca exacta.
   ===================================================================== */

:root{
  /* Escala de azul medianoche, de la más profunda a la más clara:
       900 #071129  menú lateral
       800 #0e2a63  acción y marcas (el acento)
       700 #173a80  hover de la acción
       100 #eef1f8  tinte del acento */
  --acc:#0e2a63; --acc-ink:#ffffff; --acc-sf:#eef1f8; --acc-bd:#c6cee0;

  /* El azul institucional literal y su familia. Se usa donde hace falta
     la marca exacta, no como color de interfaz. */
  --renacer:#003399; --renacer-dark:#002266; --renacer-hover:#173a80;
  --renacer-sf:#e7ecfb; --renacer-bd:#aec3ee;

  /* Menú lateral. Ya estaba aplicado a mano en _sidebar.php. */
  --nav:#071129; --nav-ink:rgba(255,255,255,.64); --nav-on:#ffffff;
  --nav-ln:rgba(255,255,255,.09); --nav-grp:rgba(255,255,255,.38);
  --nav-hov:rgba(255,255,255,.07);
  --nav-act-bg:rgba(255,255,255,.09); --nav-act-ink:#ffffff;

  /* Tintas. --ink ya se aplicó a los títulos de cabecera. */
  --ink:#14161b; --ink2:#3d424d;

  /* La sombra del botón lleno, teñida de azul: con la sombra negra
     genérica el botón se lee pegado al papel. */
  --sh-acc:0 1px 2px rgba(14,42,99,.10), 0 6px 16px -6px rgba(14,42,99,.28);
}
