/* ============================================================
   Allycom — Typography tokens
   Single family: Inter. Headings are extrabold & tight; body is
   relaxed slate. Eyebrows are small, uppercase, wide-tracked magenta.
   ============================================================ */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */
  --fw-extrabold: 800; /* @kind other */

  /* Type scale (px @ desktop) */
  --fs-eyebrow: 0.75rem;   /* 12px — uppercase label */
  --fs-xs: 0.8125rem;      /* 13px */
  --fs-sm: 0.875rem;       /* 14px */
  --fs-base: 1rem;         /* 16px body */
  --fs-lg: 1.125rem;       /* 18px lead */
  --fs-xl: 1.25rem;        /* 20px */
  --fs-2xl: 1.5rem;        /* 24px h3 */
  --fs-3xl: 1.875rem;      /* 30px h2 */
  --fs-4xl: 2.25rem;       /* 36px */
  --fs-5xl: 3rem;          /* 48px */
  --fs-6xl: 3.75rem;       /* 60px display / h1 */

  /* Line heights */
  --lh-tight: 1.1; /* @kind other */
  --lh-snug: 1.25; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --tracking-eyebrow: 0.18em;  /* uppercase eyebrows */
  --tracking-wide: 0.2em;      /* "WE BUILD THE CLOUD" bar */
  --tracking-tight: -0.01em;

  /* Semantic roles */
  --text-display: var(--fw-extrabold) var(--fs-6xl)/var(--lh-tight) var(--font-sans);
  --text-h1: var(--fw-extrabold) var(--fs-5xl)/var(--lh-tight) var(--font-sans);
  --text-h2: var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-sans);
  --text-h3: var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-sans);
  --text-lead: var(--fw-regular) var(--fs-lg)/var(--lh-relaxed) var(--font-sans);
  --text-body-role: var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-sans);
}