:root{
  /* Families */
  --font-display:"KS Display","Space Grotesk","Mortend",system-ui,sans-serif;
  --font-mono:"Cascadia Code",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-body:var(--font-mono);   /* KlearSpend sets body/UI copy in Cascadia Code */

  /* Display scale — headlines are always uppercase and tight */
  --text-display-xl:72px;
  --text-display-lg:56px;
  --text-display-md:40px;
  --text-display-sm:30px;
  --text-title:24px;
  --text-body-lg:18px;
  --text-body-md:16px;
  --text-body-sm:14px;
  --text-caption:12px;
  --text-micro:11px;

  /* Line heights */
  --leading-display:0.92;
  --leading-title:1.1;
  --leading-body:1.5;
  --leading-tight:1.25;

  /* Weights */
  --weight-light:300;
  --weight-regular:400;
  --weight-semibold:600;
  --weight-bold:700;

  /* Tracking */
  --tracking-display:-0.02em;
  --tracking-title:-0.01em;
  --tracking-body:0em;
  --tracking-label:0.08em;   /* mono labels / eyebrows */
  --tracking-wide:0.16em;    /* "AVAILABLE ON", small all-caps */

  /* Casing */
  --case-display:uppercase; /* @kind other */
  --case-label:uppercase; /* @kind other */
}