/* Rethink design tokens. GENERATED from the "Rethink Menopause" design system tokens.json
   (version re-based 1 Oct 2026 on the original Rethink colours and fonts: logo sage, slate, amber (booking colour since 9 Oct 2026, DEC-04; was coral); Outfit + Open Sans).
   Elementor Variables use the same names and values. */
:root {
  /* Colour */
  --page: #ffffff;
  --surface: #ffffff;
  --surface-alt: #f4f6f8;
  --sage: #a5b9a8;
  --sage-light: #dfe8e0;
  --slate: #576978;
  --slate-deep: #3d4752;
  --slate-line: #525d69;
  --amber: #f0b445;
  --amber-deep: #e3a12f; --on-amber: #26303a;
  --ink: #26303a;
  --ink-body: #3d4752;
  --ink-muted: #576978;
  --line: #e3e7ec;
  --line-strong: #cdd4dc;
  --line-control: #7d8a97;
  --on-dark: #ffffff;
  --on-dark-muted: #d5dbe2;
  --on-dark-label: #b4bfca;
  --error: #b3261e;
  --scrim: rgba(38,48,58,0.5);

  /* Type */
  --font-display: Outfit, "Trebuchet MS", system-ui, sans-serif;
  --font-sans: "Open Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Space */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 36px;
  --space-9: 48px;
  --space-10: 56px;
  /* Box padding standard (Chris 6 Nov): every card-like box uses --pad-card; full-width bands (book panel, promo, newsletter) use --pad-band, --pad-band-sm on phones */
  --pad-card: var(--space-6);
  --pad-band: var(--space-7) var(--space-8);
  --pad-band-sm: var(--space-6) var(--space-5);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-btn: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-pill: 999px;

  /* Depth */
  --shadow-card: 0 2px 10px rgba(38,48,58,0.06);
  --shadow-float: 0 12px 28px rgba(38,48,58,0.14);
  --shadow-fab: 0 10px 26px rgba(38,48,58,0.22);
  --shadow-modal: 0 24px 64px rgba(38,48,58,0.28);

  /* Size */
  --container-max: 1184px;
  --measure: 720px;
  --sidebar: 340px;
  --header-height: 84px;
  --utility-height: 44px;
  --touch-min: 44px;
}