/* Tokens generados desde DESIGN.md. No escribir colores ni tamaños fuera de aquí. */
:root{
  --color-fondo:#FFFFFF;
  --color-perla:#E6E9F3;
  --color-perla-2:#D9DEEE;
  --color-hueso:#EFECE6;
  --color-texto:#1C1C1C;
  --color-gris:#6E6B66;
  --color-linea:#D9D5CE;
  --color-cta:#1C1C1C;
  --color-cta-texto:#FFFFFF;

  --font-display:"Bodoni Moda", "Didot", "Times New Roman", serif;
  --font-texto:"Jost", "Avenir Next", "Helvetica Neue", Arial, sans-serif;

  --fs-14:.875rem; --fs-16:1rem; --fs-18:1.125rem; --fs-20:1.25rem;
  --fs-28:1.75rem; --fs-40:2.5rem;
  --fs-h1:clamp(3rem, 12.5vw, 8.5rem);
  --fs-h2:clamp(2.25rem, 8vw, 5rem);
  --fs-h3:clamp(1.75rem, 5vw, 2.5rem);

  --s-4:4px; --s-8:8px; --s-16:16px; --s-24:24px; --s-40:40px; --s-64:64px; --s-120:120px;
  --gutter:20px;
  --max:1180px;

  --radio-btn:2px;
  --ease:cubic-bezier(.16,1,.3,1);
}
@media (min-width:960px){ :root{ --gutter:40px; } }