/* Vorup Massage – colour combinations (shared by all three designs).
   Blue #096CBD + green #70B94C are measured from the logo. [data-palette] 1–4 only swaps these tokens. */

:root,
html[data-palette="1"] {
  /* 1 · Logo – blue-led, green accent */
  --hero-a: #07477f;
  --hero-b: #096cbd;
  --glow: #70b94c;
  --cta-bg: #70b94c;
  --cta-ink: #0c2a44;
  --hdr-cta-bg: #70b94c;
  --hdr-cta-ink: #0c2a44;
  --primary: #096cbd;
  --primary-deep: #07477f;
  --green: #70b94c;
  --green-deep: #2f7a25;
  --tint-1: #eaf3fb;
  --tint-2: #eef7e8;
  --paper: #ffffff;
  --ink: #0c2a44;
  --text: #2a3d4f;
  --line: #d9e5ef;
  --night: #071d31;
}
html[data-palette="2"] {
  /* 2 · Lavendel – indigo-blue with lavender from the candle photo */
  --hero-a: #232f78;
  --hero-b: #096cbd;
  --glow: #b9a7e3;
  --cta-bg: #70b94c;
  --cta-ink: #0c2a44;
  --hdr-cta-bg: #70b94c;
  --hdr-cta-ink: #0c2a44;
  --primary: #096cbd;
  --primary-deep: #232f78;
  --green: #70b94c;
  --green-deep: #2f7a25;
  --tint-1: #efebf8;
  --tint-2: #eaf3fb;
  --paper: #fcfbff;
  --ink: #1c2456;
  --text: #333a55;
  --line: #e0dbef;
  --night: #131a44;
}
html[data-palette="3"] {
  /* 3 · Grøn ro – green-led, blue as the secondary colour */
  --hero-a: #1c5a35;
  --hero-b: #2f7a44;
  --glow: #9fd37e;
  --cta-bg: #ffffff;
  --cta-ink: #1c5a35;
  --hdr-cta-bg: #2f7a44;
  --hdr-cta-ink: #ffffff;
  --primary: #096cbd;
  --primary-deep: #1c5a35;
  --green: #70b94c;
  --green-deep: #2f7a25;
  --tint-1: #eef6ea;
  --tint-2: #e9f2fa;
  --paper: #fbfdf8;
  --ink: #15402a;
  --text: #2d4034;
  --line: #d8e6d2;
  --night: #0e2b1b;
}
html[data-palette="4"] {
  /* 4 · Sand – navy-blue with warm sand and terracotta (the candle bowl) */
  --hero-a: #0a3d6b;
  --hero-b: #096cbd;
  --glow: #e9a98c;
  --cta-bg: #b4532f;
  --cta-ink: #ffffff;
  --hdr-cta-bg: #b4532f;
  --hdr-cta-ink: #ffffff;
  --primary: #096cbd;
  --primary-deep: #0a3d6b;
  --green: #70b94c;
  --green-deep: #2f7a25;
  --tint-1: #f6eee3;
  --tint-2: #eaf3fb;
  --paper: #fffdfa;
  --ink: #0c2a44;
  --text: #3a3a3a;
  --line: #eadfce;
  --night: #071d31;
}

:root, html[data-palette] { --soft-glow: color-mix(in srgb, var(--glow) 45%, #fff); }

:root, html[data-palette] {
  --soft-glow: color-mix(in srgb, var(--glow) 45%, #fff);
  --focus: var(--primary-deep);
}
.on-dark { --focus: #fff; }