/* TrakCorp typography — two families, one idea: light editorial headlines
   in Inter, technical numerals in Space Grotesk. */

:root {
  --font-sans: 'Inter', 'Inter Fallback', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', var(--font-sans);  /* numerals, indices, marquee */
  --font-editorial: Georgia, 'Times New Roman', serif; /* client-work previews only */

  /* ---- Weights: headlines are LIGHT, UI is medium ------------------- */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Fluid headline sizes (exact clamps from the site) ------------ */
  --size-hero: clamp(3.2rem, 7.4vw, 7rem);        /* h1 */
  --size-section: clamp(2.3rem, 4.4vw, 3.8rem);   /* h2 */
  --size-sub: clamp(1.7rem, 2.6vw, 2.3rem);       /* h3 in narrow columns */
  --size-quote: clamp(1.4rem, 2.6vw, 1.9rem);     /* pull quote */

  /* ---- Fixed sizes -------------------------------------------------- */
  --size-card-title: 28px;    /* glass-card heading, weight 300 */
  --size-item-title: 19px;    /* work-card / method-step heading, weight 600 */
  --size-lead: 18px;          /* hero paragraph */
  --size-body: 16.5px;        /* section paragraph */
  --size-body-sm: 14.5px;     /* card paragraph */
  --size-ui: 15px;            /* list item, contact link */
  --size-nav: 13.5px;         /* nav + inline link */
  --size-caption: 12.5px;     /* footer legal, image caption */
  --size-eyebrow: 12px;       /* uppercase label */
  --size-stat: 52px;          /* hero stat numeral */
  --size-step: 76px;          /* method step numeral */

  /* ---- Tracking ----------------------------------------------------- */
  --track-hero: -0.035em;
  --track-section: -0.025em;
  --track-tight: -0.01em;
  --track-eyebrow: 0.22em;    /* uppercase labels */
  --track-index: 0.2em;       /* 01 / 02 indices */
  --track-marquee: 0.3em;     /* tech marquee */

  /* ---- Line heights ------------------------------------------------- */
  --leading-hero: 1.02;
  --leading-section: 1.08;
  --leading-body: 1.65;
  --leading-tight: 1.6;

  /* ---- Composite shorthands ----------------------------------------- */
  --text-hero: var(--weight-light) var(--size-hero)/var(--leading-hero) var(--font-sans);
  --text-section: var(--weight-light) var(--size-section)/var(--leading-section) var(--font-sans);
  --text-body: var(--weight-light) var(--size-body)/var(--leading-body) var(--font-sans);
  --text-eyebrow: var(--weight-semibold) var(--size-eyebrow)/1 var(--font-sans);
  --text-stat: var(--weight-medium) var(--size-stat)/1 var(--font-display);
}