/* /options/home-minimal/ (Gregory 22 Oct): the home page with as few colours as possible, for a sleeker, more
   professional look. Loaded on that page only (build.py build_home_minimal_option; never in the live build); the live
   site is unchanged. The page's <html> carries class "pal-min".
   Palette, 9 colours instead of the home page's ~24:
   - greys: ink #1F2933 (headings), text #3A4754, muted #5A6878 (small print; 5:1 or better on every background here,
     the old #637587 was 4.4:1 on the grey), line #E3E7EC; backgrounds white, #F5F7F9 and #EEF1F4 (icon tiles, ticks);
   - one blue, #0059B3, for every link, icon, tick, number and outline button (6.8:1 on white): no lighter blues,
     no blue tints, no gradients;
   - WhatsApp green #25D366 on the WhatsApp buttons only, with the ink text.
   Gone: the hero's mint-to-blue wash (now flat grey), the mint glow behind the team (now grey), the green ticks, the
   blue-tinted boxes and borders, the gradient highlight and step numbers, the blue-tinted shadows (now neutral). */
:root.pal-min {
  --muted: #5A6878;
  --blue: #0059B3;
  --blue-deep: #0059B3;
  --mist: #F5F7F9;
  --line: #E3E7EC;
  --tint: #EEF1F4;
  --tint-2: #F5F7F9;
  --tint-line: #E3E7EC;
  --close: #F5F7F9;
  --wa-ink: #1F2933;
  --wa-shadow: 0 8px 18px -10px rgba(16, 24, 40, .35);
  --green: #0059B3;
  --green-tint: #EEF1F4;
  --wash: #F5F7F9;
  --grad-primary: #0059B3;
  --shadow-sm: 0 2px 8px rgba(16, 24, 40, .05);
  --shadow: 0 4px 16px rgba(16, 24, 40, .08);
  --shadow-lg: 0 8px 32px rgba(16, 24, 40, .1);
}
.pal-min :focus-visible { outline-color: var(--blue); }
.pal-min .hl { color: var(--hl, var(--blue)); }
.pal-min h1 .hl { background: none; color: var(--hl, var(--blue)); -webkit-text-fill-color: currentColor; }
.pal-min .note { background: var(--mist); }
/* the "Not sure who to see?" box sits on a grey section: white with a hairline instead of the blue tint */
.pal-min .band { background: var(--paper); border: 1px solid var(--line); }
.pal-min .tag { box-shadow: var(--shadow); }
.pal-min .tstrip { box-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 18px 40px -18px rgba(16, 24, 40, .25); }
.pal-min .nav-panel { box-shadow: 0 24px 32px -16px rgba(16, 24, 40, .18); }
.pal-min .wa-box { background: rgba(16, 24, 40, .55); }
.pal-min .field input, .pal-min .field textarea, .pal-min .bm-phone input { border-color: #C9D0D7; }
.pal-min .bm .bw-x:focus-visible { box-shadow: inset 0 0 0 2px #C9D0D7; }
/* the team picture's glow: the same shape, grey instead of mint */
.pal-min .hero-team-mint .hero-grid .hero-fig::before {
  background: linear-gradient(to top, #E6EAEE 0%, rgba(230, 234, 238, .75) 40%, rgba(230, 234, 238, 0) 100%); }
/* the booking mock */
.pal-min .bm-head { background: var(--paper); }
.pal-min .bm-next { background: var(--mist); }
.pal-min .bm-next li.is-done svg, .pal-min .bm-booked svg { color: var(--blue); }
.pal-min .bm-go { background: var(--blue); box-shadow: var(--shadow); }

/* /options/home-brand/ (Gregory 22 Oct): the minimal palette above with the clinic's own two colours instead of the
   site blue, measured from its social posts (22 Oct): navy #1D296C and deep red #991B2C. The page's <html> carries
   "pal-min pal-brand".
   - navy: headings, bold text, menu, links, icons, ticks, outline buttons, the WhatsApp buttons' text (13.2:1 on white);
   - red, kept small: the highlighted words in headings ("Psychiatry & psychology", "clinicians", "book" ...) and the
     step numbers (8.2:1 on white);
   - greys and WhatsApp green as in the minimal version. 9 colours. */
:root.pal-brand {
  --ink: #1D296C;
  --blue: #1D296C;
  --blue-deep: #1D296C;
  --green: #1D296C;
  --wa-ink: #1D296C;
  --hl: #991B2C;
  --grad-primary: #991B2C;
}