/* BlueWood Studio — Typography
   Headlines: Manrope · Body: Inter · Numbers/measurements/pricing: Space Grotesk */
:root {
  /* ---- Font families ---- */
  --font-display: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Grotesk', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Type scale (rem, 16px base) ---- */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-md: 1.125rem;   /* 18px — preferred body */
  --text-lg: 1.375rem;   /* 22px */
  --text-xl: 1.75rem;    /* 28px */
  --text-2xl: 2.25rem;   /* 36px */
  --text-3xl: 3rem;      /* 48px */
  --text-4xl: 3.75rem;   /* 60px */
  --text-5xl: 4.75rem;   /* 76px */

  /* ---- Line heights ---- */
  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-label: 0.14em;   /* uppercase eyebrows / labels */

  /* ---- Semantic roles ---- */
  --heading-family: var(--font-display);
  --heading-weight: var(--weight-bold);
  --heading-tracking: var(--tracking-tight);
  --body-family: var(--font-body);
  --body-size: var(--text-md);
  --body-leading: var(--leading-normal);
  --numeric-family: var(--font-mono);
}