/* Damos en el Blanco — typography
   Two voices:
   · Labil Grotesk = PRINCIPAL. Big, plain-spoken statements. Chosen because
     it carries small imperfections "like us". Set it LARGE and tight.
   · JetBrains Mono = the technical/label voice: nav, kickers, metadata,
     captions, buttons-as-tags. (Substitute for the site's mono — see readme.) */

:root {
  --font-display: 'Labil Grotesk', 'Arial Narrow', 'Helvetica Neue', system-ui, sans-serif;
  --font-sans:    'Labil Grotesk', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* Weights — only Labil Medium exists; these map onto it (see fonts.css) */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* Type scale — deliberately big. "Text gran, deixar les coses clares." */
  --text-3xs: 0.6875rem; /* 11 */
  --text-2xs: 0.75rem;   /* 12 */
  --text-xs:  0.8125rem; /* 13 */
  --text-sm:  0.875rem;  /* 14 */
  --text-base:1rem;      /* 16 */
  --text-md:  1.125rem;  /* 18 */
  --text-lg:  1.375rem;  /* 22 */
  --text-xl:  1.75rem;   /* 28 */
  --text-2xl: 2.25rem;   /* 36 */
  --text-3xl: 3rem;      /* 48 */
  --text-4xl: 4rem;      /* 64 */
  --text-5xl: 5.5rem;    /* 88 */
  --text-6xl: 7.5rem;    /* 120 */

  /* Fluid display sizes for hero statements */
  --display-1: clamp(3rem, 8vw, 7.5rem);      /* @kind font */
  --display-2: clamp(2.25rem, 5.5vw, 5rem);   /* @kind font */
  --display-3: clamp(1.75rem, 3.5vw, 3rem);   /* @kind font */

  --leading-none:    0.95;
  --leading-tight:   1.04;
  --leading-snug:    1.14;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-mono:    0.01em;
  --tracking-caps:    0.14em; /* mono kickers / eyebrows, uppercased */
}