/* =========================================================
   TOKENS — Constructor "Te Invito" (paleta de marca RiosTec).
   Recoloreado a la identidad RiosTec: AZUL · BLANCO · NEGRO.
   Solo tokens :root (sin resets globales) para no filtrar estilos al
   tema de WordPress al incrustar el shortcode [ti_constructor].
   El reset y los componentes (scopeados a #ti-constructor) viven en style.css.
   Tipografía limpia/neutra: Hanken Grotesk para UI y titulares.
   NOTA: esto recolorea SOLO la UI del constructor. Las invitaciones (el
   producto) conservan sus propias paletas elegantes en assets/invitacion/.
   ========================================================= */
:root {
  /* Fondos */
  --ivory:   #f4f7fc;   /* fondo de página (gris muy claro azulado) */
  --cream:   #ffffff;   /* fondo de tarjetas/bloques (blanco) */

  /* Texto */
  --ink:     #111827;   /* texto principal (negro/gris muy oscuro) */
  --ink-2:   #475569;   /* texto secundario (gris oscuro, contraste AA) */

  /* Azul de marca (sustituye al verde "forest") */
  --forest:  #1b4db1;   /* azul primario de marca */
  --forest-d:#0b1b3a;   /* azul oscuro / casi negro azulado */

  /* Acentos (sustituye al oro) */
  --gold:    #1b4db1;   /* acento = azul de marca */
  --gold-soft:#c6d6f2;  /* azul claro para bordes/halos suaves */
  --blush:   #dce7fa;   /* tinte azul muy claro */

  /* WhatsApp (botón de marca de WhatsApp — se mantiene verde) */
  --wa:      #1faf57;

  /* Bordes */
  --line:    #d6e0f0;   /* gris-azul claro para divisores/inputs */

  /* Estado seleccionado / halo de foco (azul de marca) */
  --sel-bg:  #eaf1fc;              /* fondo de opción activa/seleccionada */
  --halo:    rgba(27,77,177,.18);  /* anillo de foco suave (box-shadow) */

  /* Radios y sombras */
  --r-sm: 11px; --r-md: 16px; --r-lg: 24px;
  --sombra: 0 24px 60px rgba(11,27,58,0.18);
  --sombra-sm: 0 6px 22px rgba(27,77,177,0.08);

  /* Tipografía limpia y neutra (sin serif decorativa) */
  --display: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --ui: "Hanken Grotesk", system-ui, sans-serif;

  /* =========================================================
     TOKENS DE ESTADO (SPEC 0001 — vista de escáner de puerta)
     Triple codificación (color+ícono+texto). Los consume .ti-puerta.
     ========================================================= */
  --ok:        #1f9d57; --ok-bg:     #e4f6ec; --ok-ink:    #0c5e31;
  --warn:      #c77d11; --warn-bg:   #fdf1dc; --warn-ink:   #7a4c05;
  --danger:    #c0392b; --danger-bg: #fbe6e3; --danger-ink: #7a201a;

  /* Superficie "noche" de la pantalla de puerta (cámara/PIN) */
  --noche:     #0b1b3a; --noche-2:  #08152e; --noche-line: #1d3a6b;
  --en-noche:  #eaf1fb;

  /* Neutros y foco para la vista de puerta (bottom-sheet claro + cámara) */
  --negro:      #000000;  /* fondo del visor de cámara (contraste máximo) */
  --gris-medio: #555555;  /* texto secundario sobre superficie clara (AA) */
  --foco:       #5b8def;   /* anillo de foco visible (azul de marca claro) */
}