@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', sans-serif;

  /* Sizes used across marketing + product surfaces */
  --text-display-xl: clamp(42px, 7vw, 72px); /* hero H1 */
  --text-display-lg: clamp(32px, 4vw, 48px); /* section H2 */
  --text-title-lg: 28px;   /* dashboard greeting */
  --text-title: 22px;      /* card/page titles */
  --text-title-sm: 18px;   /* modal/step titles */
  --text-body-lg: 18px;
  --text-body: 15px;
  --text-body-sm: 14px;
  --text-caption: 13px;
  --text-micro: 12px;
  --text-tiny: 11px;
  --text-nano: 10px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  --leading-tight: 1.02;
  --leading-snug: 1.25;
  --leading-relaxed: 1.6;

  --tracking-tight: -0.055em;
  --tracking-normal: 0em;
  --tracking-wide: 0.15em;
}