/* Seramonde (títulos). VERSIÓN TRIAL: uso personal únicamente; comprar licencia antes de publicar
   (https://ekobimantara.com/product/seramonde/). La trial reemplaza algunos números por un sello,
   por eso excluimos los dígitos (U+0030-0039) y salen en Bodoni Moda. Con la licencia comercial,
   reemplazar el archivo y borrar la línea unicode-range. */
@font-face {
  font-family: 'Seramonde';
  src: url('../assets/fonts/seramonde-trial.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-002F, U+003A-10FFFF;
}

/* Impasto — design tokens (compartidos por el style tile y la web) */
:root {
  --carbone: #14100D;
  --forno: #211915;
  --crema: #F4EADB;
  --crema-70: rgba(244, 234, 219, .72);
  --crema-40: rgba(244, 234, 219, .4);
  --farina: #FBF6EE;
  --cenere: #8A7F74;
  --pomodoro: #B8321F;
  --pomodoro-hover: #CF3C26;
  --crosta: #D8A24A;
  --crosta-luz: #F4C977;      /* dorado para texto sobre video */
  --basilico: #4E7A3A;
  --basilico-claro: #8DB36F;
  --linea: rgba(244, 234, 219, .12);

  /* tema claro */
  --papel: #FFFDF8;
  --tinta: #1E1813;
  --tinta-70: rgba(30, 24, 19, .72);
  --gris: #6B6158;               /* texto secundario sobre crema (4.8:1) */
  --linea-clara: rgba(30, 24, 19, .12);
  --basilico-oscuro: #3F6630;    /* verde para texto chico sobre crema */

  --font-display: 'Bodoni Moda', 'Bodoni 72', Didot, Georgia, serif;
  --font-brand: 'Josefin Sans', 'Inter Tight', Arial, sans-serif;   /* logotipo */
  --font-titles: 'Seramonde', 'Bodoni Moda', 'Bodoni 72', Didot, Georgia, serif;
  --font-body: 'Inter Tight', 'Helvetica Neue', Arial, sans-serif;
  --radius: 18px;

  /* tamaño óptico de Bodoni Moda (6 = trazos gruesos · 96 = trazos muy finos) */
  --opsz-display: 32;
  --opsz-title: 22;
  --opsz-text: 14;

  /* movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);      /* entradas y salidas */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);  /* movimiento en pantalla */
  --dur-press: 140ms;
  --dur-ui: 220ms;
  --dur-reveal: 900ms;                             /* apariciones de marketing */
  --stagger: 60ms;
}