/* ------------------------------------------------------------------
   Spa Here — design tokens
   Type: Utopia fluid scale, 320→1240px, 16→20px base, ratio 1.2→1.25
         https://utopia.fyi  (steps -2 … 7)
   Space: Utopia space scale, multiples of step-0 (8pt-aligned at both ends)
   Measure: 60–66ch body, 16–20ch display
   ------------------------------------------------------------------ */
:root{
  /* type */
  --t--2: clamp(0.6944rem, 0.6577rem + 0.1836vw, 0.8rem);
  --t--1: clamp(0.8333rem, 0.7754rem + 0.2899vw, 1rem);
  --t-0:  clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --t-1:  clamp(1.2rem, 1.0739rem + 0.6304vw, 1.5625rem);
  --t-2:  clamp(1.44rem, 1.2615rem + 0.8924vw, 1.9531rem);
  --t-3:  clamp(1.728rem, 1.4799rem + 1.2407vw, 2.4414rem);
  --t-4:  clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);
  --t-5:  clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);
  --t-6:  clamp(2.986rem, 2.366rem + 3.0998vw, 4.7684rem);
  --t-7:  clamp(3.583rem, 2.756rem + 4.1348vw, 5.9605rem);

  /* space */
  --s-3xs: clamp(0.25rem, 0.2283rem + 0.1087vw, 0.3125rem);
  --s-2xs: clamp(0.5rem, 0.4565rem + 0.2174vw, 0.625rem);
  --s-xs:  clamp(0.75rem, 0.6848rem + 0.3261vw, 0.9375rem);
  --s-s:   clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  --s-m:   clamp(1.5rem, 1.3696rem + 0.6522vw, 1.875rem);
  --s-l:   clamp(2rem, 1.8261rem + 0.8696vw, 2.5rem);
  --s-xl:  clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);
  --s-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);
  --s-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);
  --s-4xl: clamp(8rem, 7.3043rem + 3.4783vw, 10rem);

  /* line heights, tied to role not to guesswork */
  --lh-display: 1.04;
  --lh-title:   1.15;
  --lh-body:    1.65;
  --lh-tight:   1.35;

  /* tracking: negative on display, positive on small caps */
  --tr-display: -0.032em;
  --tr-title:   -0.022em;
  --tr-body:     0;
  --tr-caps:     0.28em;

  /* measure */
  --measure-body: 62ch;
  --measure-lead: 48ch;
  --measure-display: 17ch;

  /* palette — stone + celadon, deliberately not cream/clay */
  --paper:  #F5F4F0;
  --paper2: #FBFAF8;
  --stone:  #E7E5DE;
  --stone2: #DBD8CF;
  --ink:    #23262A;
  --ink2:   #4A4F53;
  --quiet:  #5C6160;   /* >=4.5:1 on --paper and on --stone */
  --celadon:#5E7A6E;
  --celadon-d:#42594F;
  --line:   #D5D2C9;

  --font: 'PJS', 'Segoe UI', system-ui, -apple-system, sans-serif;
}