/* Direction B — three palettes. Loaded last; <html data-palette="…"> picks one (default: olive).
   --olive-1 → --olive-3 : the "stage" behind each arrangement (lit wall → shadow)
   --olive-4             : deep surfaces (footer, cards, dark sections)
   --on-deep             : text on stages and deep surfaces                      */

/* 1 · Studio Olive — deep olive with forest darks (default) */
html[data-palette="olive"], html:not([data-palette]) {
  --cream: #f1ede3; --sand: #f1ede3; --sand-2: #e4dfd2; --paper: #f8f6f0;
  --ink: #1b1a16; --ink-2: #4b483f; --muted: #8a8577; --stone: #b9b4a3;
  --olive-1: #9da383; --olive-2: #6b7552; --olive-3: #424b33; --olive-4: #22281c;
  --sage: #6b7552; --accent: #556b3a;
  --line: rgba(27, 26, 22, .13);
  --on-deep: #f1ede3; --on-deep-rgb: 241 237 227;
  --logo-filter: none;
}

/* 2 · Desert Clay — sun-bleached sand and terracotta, from After Summer's amber */
html[data-palette="clay"] {
  --cream: #f6eee3; --sand: #f6eee3; --sand-2: #ecdfcd; --paper: #fbf7f1;
  --ink: #2a1d16; --ink-2: #5c473a; --muted: #9b8574; --stone: #cdb59a;
  --olive-1: #e2c9a8; --olive-2: #c49d78; --olive-3: #8e6448; --olive-4: #4a2c20;
  --sage: #b5603c; --accent: #b5603c;
  --line: rgba(42, 29, 22, .13);
  --on-deep: #f8efe4; --on-deep-rgb: 248 239 228;
  --logo-filter: none;
}

/* 3 · Night Garden — aubergine and dusty rose, from Dramatique */
html[data-palette="night"] {
  --cream: #151012; --sand: #151012; --sand-2: #241b1e; --paper: #1d1618;
  --ink: #f1e6dc; --ink-2: #cdbdb2; --muted: #9c8b84; --stone: #4c3a3f;
  --olive-1: #634950; --olive-2: #3d2b31; --olive-3: #22171b; --olive-4: #2b1d22;
  --sage: #d39aa8; --accent: #d39aa8;
  --line: rgba(241, 230, 220, .14);
  --on-deep: #f1e6dc; --on-deep-rgb: 241 230 220;
  --logo-filter: invert(1) brightness(.94);
  color-scheme: dark;
}

/* things that must read on every palette */
html[data-palette] .header__logo img, html[data-palette] .nav__logo img { filter: var(--logo-filter); }
html.theme-b .btn:hover, html.theme-b .date[aria-pressed="true"], html.theme-b .chip[aria-pressed="true"],
html.theme-b .cart-count { color: var(--on-deep); }
html.theme-b .btn--light:hover { color: var(--ink); }
html[data-palette="night"] .demo-flag { background: #3a2a22; color: #f0d9c4; }
html[data-palette="night"] .bnpl, html[data-palette="night"] .pay { color: var(--ink); }
html[data-palette="night"] .pay--tabby, html[data-palette="night"] .pay--apple { color: inherit; }
html[data-palette="night"] .pay--tabby { color: #000; }
html[data-palette="night"] textarea::placeholder, html[data-palette="night"] input::placeholder { color: #8d7d77; }
html[data-palette="clay"] .step__n { color: var(--olive-2); }
html[data-palette="night"] .step__n { color: var(--olive-1); }