:root{
  /* brand — sampled from the clinic logo */
  --brand:#14508C;
  --brand-2:#2A72BD;
  --brand-deep:#0B3563;
  --teal:#22B8B4;
  --teal-2:#5FD8D3;
  --teal-deep:#0E8B87;
  --gold:#B98F35;
  --gold-2:#E0C77E;

  /* light glass surface scale */
  --sky-50:#F5FAFE;
  --sky-100:#E6F1FA;
  --sky-200:#CFE3F2;

  /* ink */
  --ink:#0A2540;
  --ink-dim:rgba(10,37,64,.82);
  --ink-mute:rgba(10,37,64,.66);
  --ink-soft:rgba(10,37,64,.44);
  --on-blue:#F4FAFF;
  --on-blue-dim:rgba(244,250,255,.82);

  /* glass */
  --glass:linear-gradient(158deg,rgba(255,255,255,.80),rgba(255,255,255,.58));
  --glass-strong:linear-gradient(158deg,rgba(255,255,255,.94),rgba(255,255,255,.76));
  --glass-tint:linear-gradient(158deg,rgba(232,244,253,.82),rgba(255,255,255,.62));
  --glass-line:rgba(255,255,255,.92);
  --glass-edge:rgba(20,80,140,.14);
  --blur:blur(18px) saturate(155%);
  --shadow:0 24px 54px -26px rgba(8,45,85,.40);
  --shadow-lg:0 40px 84px -32px rgba(8,45,85,.50);
  --inset:inset 0 1px 0 rgba(255,255,255,.95);

  --r-sm:12px;
  --r:18px;
  --r-lg:26px;
  --r-xl:34px;

  --f-display:"Outfit","Segoe UI",system-ui,sans-serif;
  --f-body:"Manrope","Segoe UI",system-ui,sans-serif;

  --ease:cubic-bezier(.22,.75,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --shell:1240px;
  --nav-h:78px;
}