/* ============================================================
   Sanders Beach Rentals — Typography Tokens
   Large serif headlines. Simple sans body. Lots of air.
   ============================================================ */

:root {
  /* --- Families --------------------------------------------- */
  --font-serif-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-sans: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-sans-body: 'Montserrat', system-ui, -apple-system, sans-serif;

  /* --- Weights ---------------------------------------------- */
  --fw-light: 300;     /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */

  /* --- Display / heading scale (serif) ---------------------- */
  --fs-display-xl: 4.75rem;   /* 76px hero */
  --fs-display-lg: 3.5rem;    /* 56px */
  --fs-display-md: 2.625rem;  /* 42px */
  --fs-heading: 2rem;         /* 32px */
  --fs-subhead: 1.5rem;       /* 24px */

  /* --- Body / UI scale (sans) ------------------------------- */
  --fs-lead: 1.25rem;         /* 20px intro paragraphs */
  --fs-body: 1.0625rem;       /* 17px default */
  --fs-body-sm: 0.9375rem;    /* 15px */
  --fs-caption: 0.8125rem;    /* 13px */
  --fs-eyebrow: 0.75rem;      /* 12px tracked label */

  /* --- Line heights ----------------------------------------- */
  --lh-display: 1.08;  /* @kind font */
  --lh-heading: 1.18;  /* @kind font */
  --lh-body: 1.65;     /* @kind font */
  --lh-snug: 1.4;      /* @kind font */

  /* --- Letter spacing --------------------------------------- */
  --ls-display: -0.01em;      /* @kind font */
  --ls-tight: -0.005em;       /* @kind font */
  --ls-normal: 0;             /* @kind font */
  --ls-wide: 0.08em;          /* sans labels */
  --ls-eyebrow: 0.22em;       /* SBR signature wide tracking */
  --ls-wordmark: 0.34em;      /* logo-style spacing */

  /* --- Semantic aliases ------------------------------------- */
  --text-hero-family: var(--font-serif-display);
  --text-eyebrow-family: var(--font-sans);
  --text-body-family: var(--font-sans-body);
}