/* ============================================================
   TOKENS DE BODAS SMARTPROCESS · fuente unica de identidad
   ------------------------------------------------------------
   Rediseno 2026-08 (F1): un solo sistema para portada,
   cuestionario, muestrario, paneles y pantallas de invitado.
   Papeleria fina: crema de papel, tinta casi negra, dorado
   viejo como unico acento de marca. Ver docs/REDISENO-2026-08.md.

   Reglas:
   - Ninguna pagina declara colores propios: consume estos tokens.
   - Los alias legado (--cream, --ink, --wine...) existen para que
     el CSS ya escrito siga funcionando; codigo nuevo usa los
     nombres canonicos en espanol.
   - Los semanticos (exito/alerta/peligro) son LOS unicos verdes/
     ambar/rojos permitidos en todo el producto.
   ============================================================ */

:root {
  /* ---- Papel y tinta ---- */
  --papel: hsl(38 32% 93%);
  --papel-alto: hsl(40 38% 97%);
  --tinta: hsl(28 20% 13%);
  --tinta-suave: hsl(30 14% 38%);

  /* ---- Dorado viejo: el unico acento de marca ---- */
  --oro: hsl(32 46% 36%);
  --oro-tenue: hsl(32 46% 36% / 0.35);

  /* ---- Hairlines ---- */
  --linea: hsl(28 20% 13% / 0.14);
  --linea-fuerte: hsl(28 20% 13% / 0.28);

  /* ---- Contrapunto oscuro (capitulos de gala) ---- */
  --noche: hsl(30 20% 7%);
  --champan: hsl(43 45% 73%);
  --marfil: hsl(40 30% 92%);

  /* ---- Semanticos (semaforos con permiso de existir) ---- */
  --exito: hsl(150 34% 30%);
  --exito-fondo: hsl(150 30% 92%);
  --alerta: hsl(38 70% 38%);
  --alerta-fondo: hsl(42 60% 90%);
  --peligro: hsl(0 55% 42%);
  --peligro-fondo: hsl(0 45% 93%);
  --neutro: hsl(28 8% 50%);

  /* ---- Tipografia ---- */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Instrument Sans', system-ui, sans-serif;
  --font-hand: 'Caveat', cursive;

  /* Escala tipografica (7 pasos; se acabaron los 11 tamanos de cuerpo) */
  --t-xs: 0.78rem;    /* etiquetas, folios */
  --t-sm: 0.88rem;    /* apoyo, notas */
  --t-base: 1rem;     /* cuerpo; NUNCA menos de 16px en inputs (zoom iOS) */
  --t-md: 1.15rem;    /* leads */
  --t-lg: clamp(1.35rem, 3.5vw, 1.7rem);
  --t-xl: clamp(1.9rem, 6vw, 2.7rem);
  --t-gigante: clamp(2.8rem, 12vw, 6.5rem);  /* portadas, la voz del catalogo */

  /* ---- Espaciado (ritmo 4/8) ---- */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4rem;
  --esp-9: 6rem;

  /* ---- Radios (3, se acabaron los 9) ---- */
  --radio-suave: 8px;    /* inputs, tarjetas chicas */
  --radio: 16px;         /* tarjetas */
  --radio-pastilla: 999px;

  /* ---- Sombras (3, objeto sobre papel) ---- */
  --sombra-baja: 0 6px 14px hsl(28 32% 16% / 0.09);
  --sombra-media: 0 14px 26px hsl(28 32% 16% / 0.16);
  --sombra-alta: 0 26px 48px hsl(28 32% 16% / 0.24), 0 8px 18px hsl(28 32% 16% / 0.12);

  /* ---- Motion con intencion ---- */
  --dur-rapida: 0.2s;
  --dur-media: 0.45s;
  --dur-lenta: 0.8s;
  --ease-editorial: cubic-bezier(0.2, 0.7, 0.2, 1);

  /* ---- Tamano minimo de toque ---- */
  --toque: 44px;

  /* ============ Alias legado (no usar en codigo nuevo) ============ */
  --cream: var(--papel);
  --cream-light: var(--papel-alto);
  --ink: var(--tinta);
  --wine: var(--oro);
  --border: var(--linea);
  --border-strong: var(--linea-fuerte);
}