/* ==========================================================================
   HEAT CLUB — DESIGN TOKENS
   Colour, type scale, spacing and motion. Nothing structural lives here.
   ========================================================================== */

:root {
  /* --- Brand colour -------------------------------------------------------
     Canonical values, taken from the brand brief. Note that the brand board
     and the original logo SVGs each carried slightly different hex values;
     these are the ones the whole site is built on. See README.md.
     ---------------------------------------------------------------------- */
  --oxblood:  #3B0510;
  --espresso: #221516;
  --ivory:    #F4F4F1;
  --stone:    #E1DBD7;

  /* Accents — used sparingly and deliberately.
     Steel: meta text, rules, secondary labels.
     Butter: focus rings and one hairline. Never as a fill. */
  --steel:    #7A8790;
  --butter:   #E7D6A5;

  /* Brand steel is a mid tone: it holds up against oxblood, but only reaches
     2.7:1 on stone, well under the 4.5:1 minimum for body-sized text. This is
     the same hue darkened until it passes, for use on ivory and stone. */
  --steel-ink: #535D65;

  /* Derived tones */
  --oxblood-deep: #2A030B;
  --ivory-70: rgba(244, 244, 241, 0.70);
  --ivory-55: rgba(244, 244, 241, 0.55);
  --ivory-16: rgba(244, 244, 241, 0.16);
  --ivory-10: rgba(244, 244, 241, 0.10);
  --espresso-70: rgba(34, 21, 22, 0.70);
  /* Decorative only — the dash standing in for "no temperature". */
  --stone-ink: rgba(34, 21, 22, 0.28);
  --espresso-14: rgba(34, 21, 22, 0.14);

  /* --- Type ---------------------------------------------------------------
     --font-display / --font-body are defined in fonts.css.
     ---------------------------------------------------------------------- */
  --step--1: clamp(0.75rem, 0.72rem + 0.14vw, 0.82rem);
  --step-0:  clamp(0.95rem, 0.91rem + 0.20vw, 1.06rem);
  --step-1:  clamp(1.10rem, 1.02rem + 0.38vw, 1.32rem);
  --step-2:  clamp(1.45rem, 1.28rem + 0.85vw, 2.00rem);
  --step-3:  clamp(1.90rem, 1.55rem + 1.75vw, 3.00rem);
  --step-4:  clamp(2.60rem, 1.90rem + 3.50vw, 4.75rem);
  --step-5:  clamp(2.70rem, 1.55rem + 5.60vw, 7.25rem);

  --tracking-caps: 0.20em;
  --tracking-caps-wide: 0.32em;
  --leading-display: 0.98;
  --leading-body: 1.62;

  /* --- Space --------------------------------------------------------------- */
  --gutter: clamp(1.5rem, 1.05rem + 2.2vw, 4.5rem);
  --section-y: clamp(5.5rem, 3.8rem + 8.5vw, 11rem);
  --measure: 58ch;
  --measure-tight: 44ch;

  /* --- Motion -------------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 620ms;
}