/* ===========================================================================
   Elsewhere Living — Typography tokens
   Serif headlines (Riccione) + wide-tracked sans labels (Resist Sans Text).
   The signature voice: airy serif display, all-caps sans labels in brackets.
   =========================================================================== */
:root {
  /* ---- Families ---- */
  --font-serif:    "Riccione Serial", "Riccione", Georgia, "Times New Roman", serif;
  --font-logo:     "The Silver Editorial", "Riccione", "Riccione Serial", Georgia, serif;
  --font-sans:     "Resist Sans Text", "Helvetica Neue", Arial, sans-serif;
  --font-accent:   "Giuconda", "Resist Sans Text", Arial, sans-serif;

  /* ---- Weights ---- */
  --w-thin:    200; /* @kind font */
  --w-light:   300; /* @kind font */
  --w-regular: 400; /* @kind font */
  --w-medium:  500; /* @kind font */
  --w-semi:    600; /* @kind font */
  --w-bold:    700; /* @kind font */

  /* ---- Type scale (fluid-friendly fixed steps) ---- */
  --fs-display:  clamp(3rem, 6vw, 5.5rem); /* @kind font */
  --fs-h1:       3.25rem;   /* 52 @kind font */
  --fs-h2:       2.5rem;    /* 40 @kind font */
  --fs-h3:       1.875rem;  /* 30 @kind font */
  --fs-h4:       1.375rem;  /* 22 @kind font */
  --fs-lead:     1.25rem;   /* 20 — intro paragraph @kind font */
  --fs-body:     1rem;      /* 16 @kind font */
  --fs-sm:       0.875rem;  /* 14 @kind font */
  --fs-label:    0.8125rem; /* 13 — bracketed labels @kind font */
  --fs-caption:  0.6875rem; /* 11 — fine print @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.04; /* @kind font */
  --lh-snug:    1.18; /* @kind font */
  --lh-normal:  1.55; /* @kind font */
  --lh-relaxed: 1.72; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:    -0.02em; /* @kind font */
  --ls-serif:    -0.01em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-wide:     0.06em;   /* sans subheads @kind font */
  --ls-label:    0;        /* @kind font */ /* brand uses 0% tracking on bracketed labels */
  --ls-pill:     0;        /* @kind font */ /* brand uses 0% tracking on the capsule */

  /* ---- Semantic roles ---- */
  --type-display:  var(--w-light)   var(--fs-display)/var(--lh-tight)  var(--font-serif); /* @kind font */
  --type-h1:       var(--w-light)   var(--fs-h1)/var(--lh-tight)       var(--font-serif); /* @kind font */
  --type-h2:       var(--w-light)   var(--fs-h2)/var(--lh-snug)        var(--font-serif); /* @kind font */
  --type-h3:       var(--w-regular) var(--fs-h3)/var(--lh-snug)        var(--font-serif); /* @kind font */
  --type-lead:     var(--w-light)   var(--fs-lead)/var(--lh-normal)    var(--font-sans); /* @kind font */
  --type-body:     var(--w-light)   var(--fs-body)/var(--lh-normal)    var(--font-sans); /* @kind font */
  --type-label:    var(--w-regular) var(--fs-label)/1.2                var(--font-sans); /* @kind font */
}
