/* La letra de la firma de Ekklesia (ver «La firma de Ekklesia», abajo):
   sólo los glifos de «KLESIA», unos pocos KB. Va primero: un @import
   tiene que ir antes de toda regla. */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&text=KLESIA&display=swap');

/* =====================================================================
   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);
}

/* ── La firma de Ekklesia (oct 2026) ──────────────────────────────────
   «parte de ϵKKLESIA»: _marca_ekklesia.php. La letra es JetBrains Mono,
   como en Ekklesia; el @import del principio trae sólo las letras de
   «KLESIA». La ϵ toma --ek-e y el texto, currentColor. */
.ek-marca{ --ek-e:currentColor; display:inline-flex; align-items:center;
  font:500 10.5px/1 'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.2em; text-transform:uppercase; white-space:nowrap; color:var(--acc); }
.ek-marca svg{ flex:none; width:1.85em; height:1.85em; margin-right:-.3em; stroke:var(--ek-e); }
.ek-firma{ display:inline-flex; align-items:center; gap:7px; font-size:11px; }