/* LUMA BATH — shared design tokens. Change these once; all page types inherit them. */
:root {
  --color-ink:#21456E;
  --color-navy:#10355B;
  --color-navy-deep:#0b2340;
  --color-blue:#649ED4;
  --color-sky:#eaf2f9;
  --color-sky-soft:#f4f8fb;
  --color-coral:#F4AC6D;
  --color-coral-soft:#fdeede;
  --color-coral-hover:#f6b594;
  --color-coral-line:#eedfcc;
  --color-paper:#FCF9F7;
  --color-warm:#f5f1e9;
  --color-mint:#e4eeea;
  --color-text:#10355B;
  --color-muted:#5b6b7a;
  --color-line:#dce4e9;
  --color-line-strong:#c2d1dc;
  --color-on-navy:#dce4e9;
  --color-on-navy-muted:#bacbdb;
  --color-success:#285e4e;
  --color-success-line:#ceded7;
  --color-error:#a33530;
  --font-body:Arial,Helvetica,sans-serif;
  --font-heading:'Trebuchet MS',Arial,Helvetica,sans-serif;
  --font-size-sm:.875rem;
  --font-size-base:1rem;
  --font-size-lg:1.125rem;
  --container:1240px;
  --gutter:clamp(20px,4vw,64px);
  --radius-sm:6px;
  --radius:12px;
  --radius-lg:24px;
  --radius-pill:999px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:88px;
  --space-10:112px;
  --shadow-soft:0 8px 32px rgb(16 53 91 / 7%);
  --shadow-panel:0 18px 64px rgb(16 53 91 / 16%);
  --transition:180ms ease;
  --header-height:92px;
}