/* Pasta Studio — design tokens (manual de marca NMAM 2025) */
@font-face {
  font-family: 'GT Planar';
  src: url('../assets/fonts/GTPlanarTrial-It30Bl.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Grotesk';
  src: url('../assets/fonts/SharpGrotesk-Book20.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Grotesk';
  src: url('../assets/fonts/SharpGrotesk-Medium20.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Grotesk';
  src: url('../assets/fonts/SharpGrotesk-SemiBold20.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

:root {
  /* Paleta oficial */
  --olivo: #243f2b;
  --cielo: #bdccdb;
  --notte: #001a30;
  --salsa: #cc470d;
  --semolino: #e2d1b0;

  /* Derivados de superficie */
  --crema: #f3ecdb;          /* fondo general, semolino aclarado */
  --semolino-suave: #eadfc5;
  --tinta: #1c2a20;          /* texto sobre claro, olivo oscurecido */
  --salsa-oscura: #a83a0b;

  /* Tipografía */
  --font-display: 'GT Planar', 'Arial Black', sans-serif;
  --font-body: 'Sharp Grotesk', 'Helvetica Neue', Arial, sans-serif;

  --text-base: clamp(1rem, 0.94rem + 0.3vw, 1.125rem);
  --text-lg: clamp(1.15rem, 1rem + 0.6vw, 1.5rem);
  --text-h3: clamp(1.4rem, 1.1rem + 1.2vw, 2.1rem);
  --text-h2: clamp(2.2rem, 1.4rem + 3.4vw, 4.2rem);
  --text-hero: clamp(2.9rem, 1.2rem + 8vw, 8.5rem);

  /* Ritmo */
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --space-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --max-w: 76rem;

  /* Motion */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --radius-chip: 999px;
  --border-marca: 3px solid var(--tinta);
}