:root {
  --font-script: "Petit Formal Script", "Snell Roundhand", cursive;
  --font-ui: "Karla", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--font-ui);
  --font-display: var(--font-script);

  /* Type scale — 1.25 major third, 15px UI base (matches the app's 15px) */
  --text-2xs: 0.6875rem; /* 11px — badge / meta */
  --text-xs:  0.8125rem; /* 13px — captions, chips */
  --text-sm:  0.875rem;  /* 14px — dense UI */
  --text-base:0.9375rem; /* 15px — body */
  --text-md:  1.125rem;  /* 18px — lead */
  --text-lg:  1.5rem;    /* 24px — screen title */
  --text-xl:  2rem;      /* 32px — display */
  --text-2xl: 2.75rem;   /* 44px — hero */
  --text-3xl: 4rem;      /* 64px — marketing hero */

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

  --leading-tight: 1.12;
  --leading-snug: 1.3;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  --tracking-script: 0.01em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-caps: 0.18em; /* eyebrow / uppercase label */
}