/* Respaldos con métricas ajustadas a Inter y Lora: el texto no se mueve cuando llega la fuente real */
@font-face { font-family: "Inter Fallback"; src: local("Arial"), local("Helvetica Neue"), local("Helvetica"); size-adjust: 106.3%; ascent-override: 91.1%; descent-override: 22.7%; line-gap-override: 0%; }
@font-face { font-family: "Lora Fallback"; src: local("Georgia"); size-adjust: 106.7%; ascent-override: 94.3%; descent-override: 25.7%; line-gap-override: 0%; }

/* Tokens de Mensura Studio: color, tipografía, espacio y movimiento.
   Todos los tiempos y easings del sitio viven aquí. */
:root {
  /* Color */
  --ink: #0F1012;
  --ink-2: #17191d;
  --paper: #F4F1EA;
  --paper-2: #EAE6DB;
  --brass-on-light: #A9812F;
  --brass-on-dark: #D2A857;

  /* Tipografía */
  --font-title: "Lora", "Lora Fallback", Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Espacio */
  --gutter: clamp(20px, 5vw, 48px);
  --container: 1120px;
  --section-y: clamp(72px, 11vw, 140px);
  --radius: 4px;

  /* Movimiento: duraciones */
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-reveal: 720ms;
  --dur-fade: 240ms;

  /* Movimiento: easings */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Movimiento: reveals */
  --reveal-dist: 18px;
  --stagger: 90ms;
}

/* Animación de inicio (solo index.html). Tiempos en ms desde el arranque. */
:root {
  --intro-type-start: 150ms;   /* empieza a escribirse */
  --intro-type-end: 1550ms;    /* termina de escribirse (~100 ms por letra) */
  --intro-pause-end: 1800ms;   /* fin de la pausa; el ">" empieza a barrer */
  --intro-collect-end: 2350ms; /* queda "<M>"; empieza el viaje al encabezado */
  --intro-fly-end: 2950ms;     /* el emblema llega al encabezado y se retira la capa */
  --intro-fonts-timeout: 1200ms;
  --intro-letter-fade: 60ms;   /* cada letra aparece casi de golpe, con una leve subida */
  --intro-collect-fade: 130ms; /* las letras que recoge el ">" se desvanecen */
}
