/* ==========================================================================
   Olfactory Bliss — Typography Tokens
   Display/Headings: Cormorant Garamond (editorial serif) + Cinzel (luxe caps)
   Body/UI: Montserrat
   ========================================================================== */

:root {
  /* ---- Families -------------------------------------------------------- */
  --font-display:  'Cormorant Garamond', 'Times New Roman', serif; /* editorial headlines */
  --font-caps:     'Cinzel', 'Cormorant Garamond', serif;          /* logo-style luxe caps */
  --font-body:     'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --font-ui:       var(--font-body);

  /* ---- 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 */

  /* ---- Type scale ------------------------------------------------------ */
  /* Display (serif, editorial) */
  --fs-display-xl: 72px;   --lh-display-xl: 1.02; /* @kind other */
  --fs-display-lg: 56px;   --lh-display-lg: 1.05; /* @kind other */
  --fs-display-md: 42px;   --lh-display-md: 1.1; /* @kind other */
  --fs-display-sm: 32px;   --lh-display-sm: 1.15; /* @kind other */
  /* Headings */
  --fs-h1: 28px;   --lh-h1: 1.2; /* @kind other */
  --fs-h2: 22px;   --lh-h2: 1.25; /* @kind other */
  --fs-h3: 18px;   --lh-h3: 1.3; /* @kind other */
  /* Body */
  --fs-body-lg: 17px;  --lh-body-lg: 1.6; /* @kind other */
  --fs-body:    15px;  --lh-body:    1.65; /* @kind other */
  --fs-body-sm: 13px;  --lh-body-sm: 1.55; /* @kind other */
  /* Supporting */
  --fs-caption: 12px;  --lh-caption: 1.4; /* @kind other */
  --fs-overline: 11px; --lh-overline: 1.3; /* @kind other */

  /* ---- Letter-spacing -------------------------------------------------- */
  --ls-tight:    -0.01em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.04em; /* @kind font */
  --ls-wider:    0.12em;   /* @kind font */
  --ls-widest:   0.28em;   /* @kind font */

  /* ---- Semantic aliases ------------------------------------------------ */
  --text-hero:      var(--fw-regular) var(--fs-display-xl)/var(--lh-display-xl) var(--font-display); /* @kind font */
  --text-title:     var(--fw-medium)  var(--fs-display-md)/var(--lh-display-md) var(--font-display); /* @kind font */
  --text-eyebrow:   var(--fw-semibold) var(--fs-overline)/var(--lh-overline) var(--font-body); /* @kind font */
}