/* The workspace and each swatch preview resolve the same palette tokens. */
:where(body, .palette-samples) {
  --theme-accent: #277451;
  --theme-dark: #16563a;
  --theme-page: #f3f7f4;
  --theme-soft: #e7f2ea;
  --theme-subtle: color-mix(in srgb, var(--theme-page) 63%, white);
  --theme-ink: color-mix(in srgb, var(--theme-dark) 42%, #121d2a);
  --theme-muted: color-mix(in srgb, var(--theme-dark) 38%, #637080);
  --theme-line: color-mix(in srgb, var(--theme-accent) 20%, white);
  --theme-edge: color-mix(in srgb, var(--theme-accent) 41%, white);
  --occupied-bg: #cfe9d6;
  --occupied-br: #84b99a;
  --occupied-fg: #1e6444;
  --confirmed-bg: #dfe9f1;
  --confirmed-br: #a0b9cc;
  --confirmed-fg: #365e7b;
  --pending-bg: #f8ecd1;
  --pending-br: #e1c385;
  --pending-fg: #68470f;
  --hold-bg: #eae4f5;
  --hold-br: #bbaed7;
  --hold-fg: #6e538f;
  --checked-out-bg: #edf0ed;
  --checked-out-br: #bcc9bf;
  --checked-out-fg: #435c48;
}

body {
  --control-edge: color-mix(in srgb, var(--theme-ink) 19%, transparent);
  --control-depth: 0 1px 2px color-mix(in srgb, var(--theme-ink) 14%, transparent);
  --panel-edge: color-mix(in srgb, var(--theme-ink) 12%, transparent);
}

[data-palette="kontur"] {
  --theme-accent: #317b76;
  --theme-dark: #165a5c;
  --theme-page: #f0f7f7;
  --theme-soft: #e2f0f1;
  --occupied-bg: #cae7de;
  --occupied-br: #82bdab;
  --occupied-fg: #186c5c;
  --confirmed-bg: #d5e5f5;
  --confirmed-br: #9cbada;
  --confirmed-fg: #355f8e;
  --pending-bg: #faeacb;
  --pending-br: #dfba79;
  --pending-fg: #76521b;
}

[data-palette="contrast"] {
  --theme-accent: #156c4c;
  --theme-dark: #075139;
  --theme-page: #f3f8f5;
  --theme-soft: #e3f3e9;
  --theme-edge: #83ac97;
  --occupied-bg: #a1deba;
  --occupied-br: #317f53;
  --occupied-fg: #064e2b;
  --confirmed-bg: #c1d8f0;
  --confirmed-br: #5387b6;
  --confirmed-fg: #133d6b;
  --pending-bg: #ffe3a5;
  --pending-br: #bd8f2a;
  --pending-fg: #694504;
}

[data-palette="blue"] {
  --theme-accent: #315b99;
  --theme-dark: #254c84;
  --theme-page: #f1f4f8;
  --theme-soft: #e8eff9;
  --theme-subtle: #f6f8fc;
  --theme-ink: #10182b;
  --theme-muted: #45596b;
  --theme-line: #c5d2e6;
  --theme-edge: #a8bcd7;
  --confirmed-bg: #dce9fa;
  --confirmed-br: #9fb8d9;
  --confirmed-fg: #274f83;
}

[data-palette="slate"] {
  --theme-accent: #44556a;
  --theme-dark: #303e51;
  --theme-page: #f2f4f6;
  --theme-soft: #e8edf1;
  --confirmed-bg: #dce4ed;
  --confirmed-br: #a5b4c8;
  --confirmed-fg: #34465c;
}

[data-palette="lavender"] {
  --theme-accent: #654a8d;
  --theme-dark: #4d346e;
  --theme-page: #f6f3fa;
  --theme-soft: #efe8f8;
  --confirmed-bg: #e6d9f5;
  --confirmed-br: #b7a1d4;
  --confirmed-fg: #543775;
  --hold-bg: #dfe8f2;
  --hold-br: #acbed2;
  --hold-fg: #3d5874;
}

[data-palette="sand"] {
  --theme-accent: #765732;
  --theme-dark: #5d4121;
  --theme-page: #f8f5f0;
  --theme-soft: #f1e9dc;
  --confirmed-bg: #e2e7ed;
  --confirmed-br: #aab9c8;
  --confirmed-fg: #394e66;
}

[data-palette="ocean"] {
  --theme-accent: #21637e;
  --theme-dark: #184a61;
  --theme-page: #f1f7fa;
  --theme-soft: #e1f0f6;
  --confirmed-bg: #d6ebf6;
  --confirmed-br: #91b7cf;
  --confirmed-fg: #214f6b;
}

[data-palette="berry"] {
  --theme-accent: #8a4165;
  --theme-dark: #6c2e4c;
  --theme-page: #faf3f6;
  --theme-soft: #f5e7ee;
  --confirmed-bg: #efd9e5;
  --confirmed-br: #cba5bb;
  --confirmed-fg: #703352;
  --hold-bg: #dfe8f2;
  --hold-br: #acbed2;
  --hold-fg: #3d5874;
}