/* MBS Global — Typography tokens
   Display serif headings (Fraunces 700) paired with Inter for body & UI.
   The type scale below is the DESKTOP scale (≥992px) from the source export.
   Mobile sizes are listed in readme.md; apply them under your own breakpoints. */

:root {
  /* ----- Families ----- */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

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

  /* ----- Heading scale (desktop) ----- */
  --text-h1: 5.25rem;   /* 84px */
  --text-h2: 3.75rem;   /* 60px */
  --text-h3: 3rem;      /* 48px */
  --text-h4: 2.5rem;    /* 40px */
  --text-h5: 2rem;      /* 32px */
  --text-h6: 1.625rem;  /* 26px */

  --leading-heading: 1.1;
  --tracking-heading: 0.01em;

  /* ----- Body / text scale (desktop) ----- */
  --text-large: 1.625rem;   /* 26px */
  --text-medium: 1.25rem;   /* 20px */
  --text-regular: 1.125rem; /* 18px */
  --text-small: 1rem;       /* 16px */
  --text-tiny: 0.75rem;     /* 12px */

  --leading-body: 1.6;

  /* ----- Eyebrow / tagline (the small label above headings) ----- */
  --text-eyebrow: 1rem;
  --eyebrow-weight: var(--font-weight-semibold);
  --eyebrow-tracking: 0;
}