/* ============================================================
   Boda Alberto y Marta — tokens.css
   Fuente de verdad. Valores extraídos del Figma (fiel al diseño).
   ============================================================ */

:root {
  /* Color */
  --granate:        #9a1324;
  --negro:          #000000;
  --blanco:         #ffffff;
  --linea:          #c7c7c7;
  --scrim:          rgba(0, 0, 0, 0.62);

  /* Tipografía */
  --font-titulos:   "Instrument Serif", serif;      /* display */
  --font-cuerpo:    "Libertinus Serif", serif;      /* texto */
  --font-fecha:     "Marcellus SC", serif;          /* fecha tracking ancho */

  /* Escala (desktop Figma → fluida) */
  --t-display:      clamp(2.6rem, 6.5vw, 5.185rem); /* 82.9px — NOS ACOMPAÑAS / CONTACTO */
  --t-titulo:       clamp(2rem, 4.2vw, 3rem);       /* 48px — títulos sección */
  --t-alojamiento:  clamp(1.5rem, 2.6vw, 2rem);     /* 32px — nombres alojamientos */
  --t-countdown:    clamp(3rem, 8vw, 6rem);         /* 96px — números */
  --t-label:        clamp(1.05rem, 1.8vw, 1.5rem);  /* 24px — LA CEREMONIA, DÍAS… */
  --t-cuerpo:       1.25rem;                        /* 20px */
  --t-boton:        1rem;                           /* 16px */
  --t-fecha:        clamp(0.95rem, 1.6vw, 1.367rem);/* 21.9px */

  /* Espaciado */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;  --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* Layout */
  --ancho-contenido: 964px;
  --gutter: clamp(20px, 4vw, 48px);

  /* Botones (Figma: 40px alto, borde 1px) */
  --btn-alto: 40px;

  /* Motion */
  --dur: 280ms;
  --dur-lenta: 600ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Z */
  --z-header: 20;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; --dur-lenta: 1ms; }
}