/* ============================================================
   TYPOGRAPHY
   Display: Cormorant Garamond — elegant high-contrast serif,
            carries the "Excellence" / luxury voice.
   UI/Body: Montserrat — clean geometric sans, calm & modern.
   NOTE: fonts are a close substitution (see readme.md) pending
   the client's exact webfonts.
   ============================================================ */
:root {
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-body: var(--font-sans);

  /* Type scale (px) */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-md:  16px;   /* base body */
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-5xl: 64px;
  --text-6xl: 84px;

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

  /* Line heights */
  --lh-tight: 1.08; /* @kind font */
  --lh-snug: 1.25; /* @kind font */
  --lh-normal: 1.5; /* @kind font */
  --lh-relaxed: 1.7; /* @kind font */

  /* Letter spacing */
  --tracking-tight: -0.01em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
  --tracking-wide: 0.04em; /* @kind font */
  --tracking-eyebrow: 0.18em; /* @kind font */

  /* ---- Semantic roles ---- */
  --font-hero: var(--fw-semibold) var(--text-6xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --font-h1: var(--fw-semibold) var(--text-4xl)/var(--lh-tight) var(--font-display); /* @kind font */
  --font-h2: var(--fw-semibold) var(--text-3xl)/var(--lh-snug) var(--font-display); /* @kind font */
  --font-h3: var(--fw-medium) var(--text-2xl)/var(--lh-snug) var(--font-display); /* @kind font */
  --font-body-lg: var(--fw-regular) var(--text-lg)/var(--lh-relaxed) var(--font-sans); /* @kind font */
  --font-body-md: var(--fw-regular) var(--text-md)/var(--lh-normal) var(--font-sans); /* @kind font */
  --font-eyebrow: var(--fw-semibold) var(--text-xs)/var(--lh-normal) var(--font-sans); /* @kind font */
}