/* =========================================================
   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 */

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