/* 566 Rougemount Drive — Typography
   Display: Cormorant Garamond (elegant serif).
   Body: Inter (clean modern sans). Large type, generous spacing,
   restrained contrast. Letterspaced uppercase for labels. */

:root {
  --font-serif: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Display / serif scale (fluid) */
  --fs-display: clamp(3rem, 7vw, 6.25rem);   /* @kind font */
  --fs-h1: clamp(2.4rem, 5vw, 4rem); /* @kind font */
  --fs-h2: clamp(2rem, 3.6vw, 3rem); /* @kind font */
  --fs-h3: clamp(1.5rem, 2.2vw, 2rem); /* @kind font */
  --fs-serif-lead: clamp(1.35rem, 2vw, 1.85rem); /* @kind font */

  /* Body / sans scale */
  --fs-body-lg: 1.1875rem;  /* @kind font */
  --fs-body: 1.0625rem;     /* @kind font */
  --fs-small: 0.9375rem;    /* @kind font */
  --fs-label: 0.75rem;      /* @kind font */

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

  /* Line heights */
  --lh-tight: 1.04; /* @kind font */
  --lh-display: 1.08; /* @kind font */
  --lh-snug: 1.3; /* @kind font */
  --lh-body: 1.72; /* @kind font */

  /* Tracking */
  --ls-label: 0.28em;   /* @kind font */
  --ls-wide: 0.16em; /* @kind font */
  --ls-display: 0.005em; /* @kind font */
  --ls-body: 0.004em; /* @kind font */
}

/* Foundation usage helpers (consumers may use or ignore) */
.r-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--accent);
}
.r-display {
  font-family: var(--font-serif);
  font-weight: var(--fw-light);
  font-size: var(--fs-display);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
}
.r-serif-lead {
  font-family: var(--font-serif);
  font-weight: var(--fw-light);
  font-size: var(--fs-serif-lead);
  line-height: var(--lh-snug);
}
.r-body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body);
  color: var(--text-body);
}