/* Windex Infotech — Typography tokens
 * Type is set in Inter (Google Fonts) — the shipped, license-free family that
 * approximates SF Pro. Nudge tracking down at display sizes for the "tight" feel.
 * Weight ladder is 300 / 400 / 600 / 700 — 500 is deliberately absent.
 */
:root {
  --font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-text: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Weights */
  --fw-light: 300;   /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-semibold: 600;/* @kind other */
  --fw-bold: 700;    /* @kind other */

  /* ---- Type scale: size / weight / line-height / tracking ---- */
  --type-hero-display: 600 56px/1.07 var(--font-display);     /* tracking -0.28px */
  --type-display-lg: 600 40px/1.10 var(--font-display);       /* tracking 0 */
  --type-display-md: 600 34px/1.47 var(--font-text);          /* tracking -0.374px */
  --type-lead: 400 28px/1.14 var(--font-text);                /* tracking 0.196px */
  --type-lead-airy: 300 24px/1.5 var(--font-text);            /* tracking 0 — rare wt 300 */
  --type-tagline: 600 21px/1.19 var(--font-text);             /* tracking 0.231px */
  --type-body-strong: 600 17px/1.24 var(--font-text);         /* tracking -0.374px */
  --type-body: 400 17px/1.47 var(--font-text);                /* tracking -0.374px */
  --type-dense-link: 400 17px/2.41 var(--font-text);          /* footer/store link stacks */
  --type-caption: 400 14px/1.43 var(--font-text);             /* tracking -0.224px */
  --type-caption-strong: 600 14px/1.29 var(--font-text);      /* tracking -0.224px */
  --type-button-large: 300 18px/1.0 var(--font-text);         /* rare wt 300 */
  --type-button-utility: 400 14px/1.29 var(--font-text);      /* tracking -0.224px */
  --type-fine-print: 400 12px/1.0 var(--font-text);           /* tracking -0.12px */
  --type-micro-legal: 400 10px/1.3 var(--font-text);          /* tracking -0.08px */
  --type-nav-link: 400 12px/1.0 var(--font-text);             /* tracking -0.12px */

  /* Tracking values (apply alongside the shorthands above) */
  --tracking-hero: -0.28px;
  --tracking-display-md: -0.374px;
  --tracking-lead: 0.196px;
  --tracking-tagline: 0.231px;
  --tracking-body: -0.374px;
  --tracking-caption: -0.224px;
  --tracking-fine: -0.12px;
  --tracking-micro: -0.08px;
}