/* ===========================================================================
   TYPOGRAPHY — Conecterra
   Typeface: Gotham (geometric sans). Provided weights: Light (300) + Bold (700).
   Display & headings: Gotham Bold, tight tracking, often uppercase for labels.
   Body: Gotham Light/Regular. Numbers (rentabilidad %, prices) lean on Bold.
   =========================================================================== */

:root {
  /* Families */
  --font-display: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-sans:    "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Weights (only 300 & 700 are real; 400/600 fall back per fonts.css) */
  --fw-light: 300;   /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 600;  /* @kind other */
  --fw-bold: 700;    /* @kind other */

  /* Type scale — fluid-ish fixed scale, rem based (1rem = 16px) */
  --text-2xs: 0.6875rem;  /* 11px — micro labels only */
  --text-xs:  0.75rem;    /* 12px */
  --text-sm:  0.875rem;   /* 14px */
  --text-md:  1rem;       /* 16px — base body */
  --text-lg:  1.125rem;   /* 18px */
  --text-xl:  1.375rem;   /* 22px */
  --text-2xl: 1.75rem;    /* 28px */
  --text-3xl: 2.25rem;    /* 36px */
  --text-4xl: 3rem;       /* 48px */
  --text-5xl: 4rem;       /* 64px */
  --text-6xl: 5.5rem;     /* 88px display */

  /* Line heights */
  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — Gotham caps want air; display wants tightening */
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.14em;   /* uppercase eyebrow labels */

  /* Semantic roles */
  --display-weight: var(--fw-bold);
  --display-tracking: var(--tracking-tight);
  --heading-weight: var(--fw-bold);
  --body-weight: var(--fw-light);
  --eyebrow-tracking: var(--tracking-caps);
}