/* ============ Naosfi — Typography tokens ============
   COPIA SINCRONIZADA del design system de marca:
   /Users/eabp/Proyectos/naosfi/branding/design-system/tokens/typography.css
   No se edita acá. La escala de la app —que es densa y no de marketing—
   se declara en css/app.css. */

:root {
  --font-display: "Chillax", system-ui, sans-serif;       /* headlines, numbers, brand */
  --font-body: "Manrope", system-ui, sans-serif;          /* body, UI, buttons */
  --font-mono: "Space Mono", ui-monospace, monospace;     /* eyebrows, meta, amounts */

  /* Scale (marketing) */
  --text-h1: clamp(2.6rem, 6.2vw, 5.1rem);
  --text-h2: clamp(2rem, 4.4vw, 3.3rem);
  --text-h3: 19px;
  --text-lead: clamp(17px, 1.7vw, 20px);
  --text-base: 17px;
  --text-sm: 15px;
  --text-caption: 13px;
  --text-eyebrow: 12px;

  /* Rules */
  --leading-heading: 1.04;
  --leading-body: 1.55;
  --tracking-heading: -0.02em;
  --tracking-eyebrow: 0.18em;
}