:root {
  --atl-font-brand: 'Poppins', 'Century Gothic', 'Questrial', sans-serif;
  --atl-font-body: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;
  --atl-font-mono: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;

  --atl-weight-light: 300;
  --atl-weight-regular: 400;
  --atl-weight-medium: 500;
  --atl-weight-semibold: 600;

  /* Display — Poppins Light, tight leading, slight negative tracking */
  --atl-text-display-1: 300 clamp(40px, 5.2vw, 68px)/1.06 var(--atl-font-brand);
  --atl-text-display-2: 300 clamp(32px, 3.6vw, 46px)/1.08 var(--atl-font-brand);
  --atl-text-display-3: 400 28px/1.15 var(--atl-font-brand);
  --atl-tracking-display: -0.01em;

  /* Headings — Poppins Medium */
  --atl-text-heading-1: 500 26px/1.25 var(--atl-font-brand);
  --atl-text-heading-2: 500 20px/1.3 var(--atl-font-brand);
  --atl-text-heading-3: 500 16px/1.35 var(--atl-font-brand);

  /* Body — IBM Plex Sans */
  --atl-text-body-lg: 400 17px/1.65 var(--atl-font-body);
  --atl-text-body-md: 400 15px/1.65 var(--atl-font-body);
  --atl-text-body-sm: 400 13.5px/1.6 var(--atl-font-body);
  --atl-text-body-xs: 400 12px/1.55 var(--atl-font-body);

  /* Labels — all-caps, wide tracking. The brand's only uppercase setting. */
  --atl-text-label: 600 11px/1.2 var(--atl-font-body);
  --atl-tracking-label: 0.18em;
  --atl-text-eyebrow: 500 11px/1.2 var(--atl-font-body);
  --atl-tracking-eyebrow: 0.22em;

  /* Data — tabular figures for bills, speeds, usage */
  --atl-text-data-lg: 500 30px/1.1 var(--atl-font-body);
  --atl-text-data-md: 500 20px/1.2 var(--atl-font-body);
  --atl-text-mono: 400 13px/1.5 var(--atl-font-mono);

  --atl-tracking-wordmark: 0.02em;
}