/* =========================================================================
   Saddler's Ridge — Typography tokens
   Cormorant Garamond (display) + Mulish (text). Generous, editorial display
   scale; quiet, legible UI text. Italic serif is the brand's signature
   emphasis device ("Modern *Kentucky Living*").
   ========================================================================= */

:root {
  /* ---- Families ---- */
  --font-display: "Cormorant Garamond", "Hoefler Text", Georgia, serif;
  --font-body:    "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Semantic family aliases */
  --font-heading:  var(--font-display);
  --font-eyebrow:  var(--font-body);
  --font-ui:       var(--font-body);

  /* ---- Type scale (px) ---- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-md:  18px;
  --text-lg:  20px;
  --text-xl:  24px;
  --text-2xl: 30px;
  --text-3xl: 38px;
  --text-4xl: 48px;
  --text-5xl: 62px;
  --text-6xl: 80px;
  --text-7xl: 104px;

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

  /* ---- Line heights ---- */
  --leading-none:    1;
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0em;
  --tracking-wide:    0.06em;
  --tracking-wider:   0.14em;
  --tracking-widest:  0.24em;  /* eyebrows / "AT KEENE" lockup */

  /* =====================================================================
     Composite role tokens — shorthand-friendly groupings.
     ===================================================================== */

  /* Display (Cormorant) */
  --display-font:    var(--font-display);
  --display-weight:  var(--weight-semibold);
  --display-leading: var(--leading-tight);
  --display-tracking:var(--tracking-tight);

  /* Eyebrow / section kicker (Mulish, tracked caps, gold) */
  --eyebrow-font:     var(--font-body);
  --eyebrow-size:     var(--text-xs);
  --eyebrow-weight:   var(--weight-semibold);
  --eyebrow-tracking: var(--tracking-widest);
  --eyebrow-transform:uppercase; /* @kind other */

  /* Body */
  --body-font:    var(--font-body);
  --body-size:    var(--text-base);
  --body-leading: var(--leading-relaxed);
  --body-weight:  var(--weight-regular);

  /* UI label */
  --label-font:     var(--font-body);
  --label-size:     var(--text-sm);
  --label-weight:   var(--weight-semibold);
  --label-tracking: var(--tracking-normal);
}