/*
 * Colour palettes. Shared by the home catalogue and the static pages
 * (/set/, /en/set/, /dostawa/, /en/shipping/), so every page looks the same.
 * The visitor's choice is stored in localStorage "lego-catalog-palette".
 * Only colour tokens live here; layout is in base.css, styles.css and /set/set.css.
 */
:root,
:root[data-palette="ivory"] {
  color-scheme: light;
  --bg: #faf8f3;
  --paper: #ffffff;
  --ink: #23272a;
  --muted: #73776f;
  --line: #e7e3da;
  --soft: #f2efe7;
  --accent: #2f4a37;
  --accent-soft: #e6ece3;
  --on-accent: #ffffff;
  --red: #b13d37;
  --red-soft: #f8e6e3;
  --image-surface: #f2efe8;
  --open-bg: #fff3e2;
  --open-ink: #7d5223;
  --placeholder: #a2a49c;
}
:root[data-palette="mono"] {
  color-scheme: light;
  --bg: #ffffff;
  --paper: #ffffff;
  --ink: #161718;
  --muted: #6b6e70;
  --line: #e4e5e6;
  --soft: #f3f3f4;
  --accent: #161718;
  --accent-soft: #ececed;
  --on-accent: #ffffff;
  --red: #b13d37;
  --red-soft: #f8e6e3;
  --image-surface: #f4f4f5;
  --open-bg: #f4f1ea;
  --open-ink: #6d583c;
  --placeholder: #8f9294;
}
:root[data-palette="graphite"] {
  color-scheme: dark;
  --bg: #1c1f22;
  --paper: #25292d;
  --ink: #e9eae7;
  --muted: #a8afac;
  --line: #3a4044;
  --soft: #2d3236;
  --accent: #c3d4c8;
  --accent-soft: #33403a;
  --on-accent: #1c1f22;
  --red: #c2545a;
  --red-soft: #46302f;
  /* Light mat so dark LEGO boxes stay visible. */
  --image-surface: #e6e6e2;
  --open-bg: #4a3f33;
  --open-ink: #ecd4b0;
  --placeholder: #8d9592;
}
:root[data-palette="rose"] {
  color-scheme: light;
  --bg: #fbf6f5;
  --paper: #ffffff;
  --ink: #36292f;
  --muted: #8a7880;
  --line: #ecdfe2;
  --soft: #f5ebee;
  --accent: #6e4a5c;
  --accent-soft: #f0e3ea;
  --on-accent: #ffffff;
  --red: #b23c46;
  --red-soft: #f8e4e6;
  --image-surface: #f5edef;
  --open-bg: #fff0e8;
  --open-ink: #82503f;
  --placeholder: #a8979e;
}
