/* Float Therapy booking prototype — THE TYPE SCALE.
   Its own file because it has to reach three different stylesheet sets: proto.css (every page),
   site.css (the customer skin) and waiver.css (the waivers, which load NOTHING else). Declaring
   it inside any one of them leaves the others resolving var(--t-*) to nothing, which silently
   collapses every size to the browser default — the waivers would have gone 15px to 16px across
   the board with no error anywhere.
*//*
   Owner, 6 September, asking whether the sizes were consistent: they were not. Measured, the
   prototype used THIRTY distinct hard-coded sizes in 288 places — 8.5px to 38px, with nine
   separate "small text" steps between 12 and 16. A scale did exist, but only in site.css, which
   the STAFF DIARY NEVER LOADS, so every one of proto.css's 159 sizes was a magic number.
   It lives here because proto.css is the one stylesheet every page loads. site.css may still
   override a token for the customer skin — that is a decision; a bare number is not.
   ⚠️ The dense band (nano/label/caption) exists because the diary IS dense: .apt cards are sized
   by duration and clip their own text, so their sizes are held to within 0.5px of what they were.
   Squeezing those three into one step is a real option, but it moves diary text by 1px+ and has
   to be looked at, not assumed. */
:root {
  --t-nano:     10px;      /* badges, KPI captions, lane heads — the diary's smallest labels */
  --t-label:    11.5px;      /* uppercase eyebrows, meta, day names */
  --t-caption:  12.5px;      /* secondary lines inside dense rows */
  --t-small:    13.5px;      /* hints and qualifiers */
  --t-ui:       14px;      /* staff controls — chips, buttons, table rows */
  /* 🚨 A STEP THAT EXISTS BECAUSE THE OWNER RULED ON IT. 29 Aug: "wording like this, throughout the
     booking page, is really small — it needs to be bigger so people actually take note if needed."
     .hint carries real terms (card authorisation, gift-card validity, cancellation) and was raised
     12.5 → 14.5 that day. The 6 Sept type consolidation mapped 14.5 onto --t-ui and quietly took
     0.5px back off it — undoing a decision while tidying. Half a pixel is not the point; the point
     is that it was HIS call. Kept as its own step so the scale cannot swallow it again. */
  --t-hint:     14.5px;    /* terms and qualifiers the guest must actually read (owner, 29 Aug) */
  --t-body:     15px;      /* ordinary sentences */
  --t-input:    16px;      /* form inputs and the base — NEVER below 16px, iOS zooms the page if it is */
  --t-lead:     17px;      /* prominent single lines */
  --t-price:    18px;      /* prices */
  --t-h4:       19px;      /* card and panel titles */
  --t-h3:       21px;      /* section titles */
  --t-h2:       26px;      /* page headings */
  --t-h1:       32px;      /* confirmation headings */
  --t-hero:     40px;      /* the hero */
}
