/* physical-therapy — Baseline Rehab & Performance brand tokens.
   Edit this file to rebrand. Loaded BEFORE the inline <style> in every page,
   so every var() reference in the template resolves to these values. */
:root{
  /* ground — soft off-white, never pure #fff */
  --paper:#F7F6F3;
  --paper-2:#EFEDE8;
  --card:#FCFBF9;

  /* ink — deep slate-green, never pure #000 */
  --ink:#15211F;
  --ink-2:#1E2E2B;
  --slate:#41514E;      /* body grey on paper — 8.4:1 */
  --slate-2:#5A6A67;    /* meta grey on paper — 5.6:1 */

  --line:#DDDAD2;
  --line-2:#CBC7BD;
  --line-dark:#2E403C;

  /* ONE accent — clinical teal */
  --teal:#1F9C8E;       /* accent on ink backgrounds */
  --teal-aa:#0E6F65;    /* accent on paper — 4.9:1 for small text */
  --teal-deep:#0A544D;
  --teal-soft:rgba(31,156,142,.14);
  --teal-wash:#E6F1EF;

  /* type scale — one modular ramp */
  --fs-mega:clamp(2.65rem,5.8vw,4.9rem);
  --fs-h2:clamp(1.8rem,2.9vw,2.65rem);
  --fs-h3:1.22rem;
  --fs-num:clamp(2.5rem,4.6vw,3.9rem);
  --fs-lead:clamp(1.06rem,1.3vw,1.2rem);
  --fs-body:1.0625rem;   /* 17px */
  --fs-sm:.925rem;
  --fs-label:.72rem;

  --gut:56px;
  --max:1200px;
  --sec:clamp(72px,10vw,124px);

  /* ONE radius system: 0 sharp / 14 structural / 999 pill */
  --r:14px;
  --pill:999px;

  --ease:cubic-bezier(.16,1,.3,1);
}

/* Current-page nav state. Driven by <body data-page="…"> so the header and
   drawer markup can stay byte-identical across every page. */
.nav a[data-nav]{position:relative}
body[data-page="index"]      .nav a[data-nav="index"],
body[data-page="treatments"] .nav a[data-nav="treatments"],
body[data-page="team"]       .nav a[data-nav="team"],
body[data-page="booking"]    .nav a[data-nav="booking"]{color:var(--ink);font-weight:600}
body[data-page="index"]      .nav a[data-nav="index"]::after,
body[data-page="treatments"] .nav a[data-nav="treatments"]::after,
body[data-page="team"]       .nav a[data-nav="team"]::after,
body[data-page="booking"]    .nav a[data-nav="booking"]::after{right:0}
body[data-page="index"]      .drawer nav a[data-nav="index"],
body[data-page="treatments"] .drawer nav a[data-nav="treatments"],
body[data-page="team"]       .drawer nav a[data-nav="team"],
body[data-page="booking"]    .drawer nav a[data-nav="booking"]{color:var(--teal)}