/* Colonial Country Club — typography tokens.
   Display/headings: Cormorant Garamond (serif). Body/UI: Inter.
   Headings are always serif; body and UI are never set in the serif. */
:root {
  /* ---- Families ---- */
  --font-display: "Cormorant Garamond", "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* ---- Type scale (desktop) ---- */
  --fs-display: 72px;   /* hero h1: 64–80 */
  --fs-h1: 56px;
  --fs-h2: 44px;
  --fs-h3: 30px;
  --fs-lede: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-eyebrow: 13px;

  /* ---- Line heights ---- */
  --lh-display: 1.05; /* @kind other */
  --lh-heading: 1.12; /* @kind other */
  --lh-h3: 1.2; /* @kind other */
  --lh-lede: 1.6; /* @kind other */
  --lh-body: 1.65; /* @kind other */
  --lh-tight: 1.4; /* @kind other */

  /* ---- Weights ---- */
  --fw-display: 600; /* @kind font */
  --fw-heading: 600; /* @kind font */
  --fw-body: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */

  /* ---- Eyebrow / label ---- */
  --eyebrow-tracking: 0.18em; /* @kind other */
  --eyebrow-transform: uppercase; /* @kind other */

  /* ---- Semantic roles (font shorthands) ---- */
  --text-display: var(--fw-display) var(--fs-display)/var(--lh-display) var(--font-display); /* @kind font */
  --text-h2: var(--fw-heading) var(--fs-h2)/var(--lh-heading) var(--font-display); /* @kind font */
  --text-h3: var(--fw-heading) var(--fs-h3)/var(--lh-h3) var(--font-display); /* @kind font */
  --text-lede-font: var(--fw-body) var(--fs-lede)/var(--lh-lede) var(--font-body); /* @kind font */
  --text-body-font: var(--fw-body) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
}