/* ============================================================
   UK Broker Support — Typography tokens
   Three tiers: Anybody (display) · Lora italic (accent) · Inter (body)
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: "Anybody", "Arial Narrow", system-ui, sans-serif;
  --font-accent: "Lora", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* --- Display width axis (Anybody is variable wdth) --- */
  --display-width-normal: 100;
  --display-width-condensed: 80;

  /* --- Weights --- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  /* --- Type scale (display-led, generous) --- */
  --text-3xs: 0.6875rem;  /* 11px — eyebrow caps only */
  --text-2xs: 0.75rem;    /* 12px */
  --text-xs: 0.8125rem;   /* 13px */
  --text-sm: 0.9375rem;   /* 15px */
  --text-base: 1.0625rem; /* 17px — body default */
  --text-lg: 1.25rem;     /* 20px */
  --text-xl: 1.5rem;      /* 24px */
  --text-2xl: 2rem;       /* 32px */
  --text-3xl: 2.75rem;    /* 44px */
  --text-4xl: 3.75rem;    /* 60px */
  --text-5xl: 5rem;       /* 80px */
  --text-6xl: 6.5rem;     /* 104px — hero statement */

  /* --- Line heights --- */
  --leading-tight: 0.98;   /* big display statements */
  --leading-snug: 1.12;    /* headings */
  --leading-normal: 1.55;  /* body copy */
  --leading-relaxed: 1.7;

  /* --- Letter spacing --- */
  --tracking-eyebrow: 0.18em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
}