/* Tokens de diseño de Prezent México: colores, tipografías, espacios y radios.
   Único lugar donde se definen. Origen: sistema de diseño (vino, crema y tinta
   medidos del mockup; rosa palo y tipografías son propuesta pendiente D-008). */

:root {
  /* Marca */
  --color-vino: #6d1224;
  --color-vino-claro: #821727;
  --color-rosa-palo: #e4ccc4;
  --color-crema: #fbf8f4;
  --color-tinta: #1a1113;
  --color-blanco: #ffffff;

  /* Acentos de producto: solo decorativos, nunca llevan texto */
  --acento-naranja: #f6931c;
  --acento-rojo: #ec1d23;
  --acento-turquesa: #17bac1;
  --acento-morado: #73254f;

  /* Papeles de interfaz */
  --fondo: var(--color-blanco);
  --fondo-suave: var(--color-crema);
  --fondo-destacado: var(--color-rosa-palo);
  --fondo-marca: var(--color-vino);
  --texto: var(--color-tinta);
  --texto-suave: #5c4a4d;
  --texto-marca: var(--color-vino);
  --texto-sobre-marca: var(--color-blanco);
  --borde: #e8ddd8;
  --accion: var(--color-vino-claro);
  --accion-activa: var(--color-vino);
  --foco: var(--color-vino);

  /* Tipografía */
  --fuente-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --fuente-texto: "Poppins", "Segoe UI", system-ui, sans-serif;
  --peso-normal: 400;
  --peso-medio: 600;
  --peso-fuerte: 700;

  --texto-hero: clamp(2.5rem, 1.6rem + 4.2vw, 4rem);
  --texto-titulo: clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);
  --texto-subtitulo: clamp(1.0625rem, 0.85rem + 1vw, 1.75rem);
  --texto-tarjeta: 1.5rem;
  --texto-grande: 1.125rem;
  --texto-base: 1rem;
  --texto-chico: 0.875rem;
  --texto-pie: 0.8125rem;

  --linea-ajustada: 1.1;
  --linea-titulo: 1.2;
  --linea-texto: 1.65;
  --espaciado-subtitulo: 0.16em;

  /* Espacios (base 4) */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 0.75rem;
  --espacio-4: 1rem;
  --espacio-5: 1.5rem;
  --espacio-6: 2rem;
  --espacio-7: 3rem;
  --espacio-8: 4rem;
  --espacio-9: 6rem;
  --espacio-seccion: clamp(var(--espacio-8), 8vw, var(--espacio-9));

  /* Formas: tarjeta suave y botón de píldora. No hay una tercera. */
  --radio-sm: 0.375rem;
  --radio-md: 0.625rem;
  --radio-lg: 1rem;
  --radio-pildora: 999px;

  /* Medidas */
  --ancho-contenido: 72rem;
  --ancho-texto: 65ch;
  --objetivo-tactil: 2.75rem; /* 44 px */
  --alto-encabezado: 4.5rem;
  --logo-alto: 3rem;
  --grosor-borde: 1px;
  --grosor-foco: 3px;
  --feston: 1.25rem; /* radio del festón de papel picado */

  --transicion: 160ms ease;
}