:root,
[data-palette="mist"] {
  --theme-canvas: #f4f5f7;
  --theme-canvas-soft: #eef0f2;
  --theme-surface: #ffffff;
  --theme-ink: #202124;
  --theme-muted: #5e6268;
  --theme-subtle: #8a8e94;
  --theme-primary: #547ea0;
  --theme-primary-hover: #456e8e;
  --theme-hero: #94b2c7;
  --theme-hero-ink: #ffffff;
  --theme-highlight: #f2d58e;
  --theme-highlight-ink: #5e5135;
  --theme-soft: #e8f0f5;
  --theme-soft-ink: #496e89;
  --theme-focus: #e4edf3;
  --theme-gradient-left: #aef1f0;
  --theme-gradient-right: #d7b5ff;
  --theme-gradient-title-start: #1688c8;
  --theme-gradient-title-end: #7338ef;
}

[data-palette="sage"] {
  --theme-canvas: #f4f6f3;
  --theme-canvas-soft: #edf1ec;
  --theme-surface: #ffffff;
  --theme-ink: #222824;
  --theme-muted: #5e6861;
  --theme-subtle: #88918b;
  --theme-primary: #527a68;
  --theme-primary-hover: #426554;
  --theme-hero: #9cb9a8;
  --theme-hero-ink: #ffffff;
  --theme-highlight: #f0ce86;
  --theme-highlight-ink: #5f4d2b;
  --theme-soft: #e6efea;
  --theme-soft-ink: #456957;
  --theme-focus: #e1ece6;
  --theme-gradient-left: #bcead6;
  --theme-gradient-right: #d8d4a8;
  --theme-gradient-title-start: #347d66;
  --theme-gradient-title-end: #88772e;
}

[data-palette="coral"] {
  --theme-canvas: #f7f4f3;
  --theme-canvas-soft: #f1ecea;
  --theme-surface: #ffffff;
  --theme-ink: #2b2424;
  --theme-muted: #6b5d5c;
  --theme-subtle: #958785;
  --theme-primary: #b85e61;
  --theme-primary-hover: #9e4c4f;
  --theme-hero: #d98b8f;
  --theme-hero-ink: #ffffff;
  --theme-highlight: #f1d59a;
  --theme-highlight-ink: #604f2f;
  --theme-soft: #f4e7e5;
  --theme-soft-ink: #8b4d50;
  --theme-focus: #f3e3e1;
  --theme-gradient-left: #ffd4c9;
  --theme-gradient-right: #efc8e8;
  --theme-gradient-title-start: #c05b52;
  --theme-gradient-title-end: #9d4a86;
}

[data-palette="wheat"] {
  --theme-canvas: #f6f5f1;
  --theme-canvas-soft: #efede7;
  --theme-surface: #ffffff;
  --theme-ink: #292721;
  --theme-muted: #666158;
  --theme-subtle: #928d83;
  --theme-primary: #8d7040;
  --theme-primary-hover: #755b31;
  --theme-hero: #d7b86c;
  --theme-hero-ink: #302b20;
  --theme-highlight: #a8c8c0;
  --theme-highlight-ink: #304e49;
  --theme-soft: #f0eadc;
  --theme-soft-ink: #725c35;
  --theme-focus: #eee6d5;
  --theme-gradient-left: #ffe3a6;
  --theme-gradient-right: #c9e6d7;
  --theme-gradient-title-start: #a56d22;
  --theme-gradient-title-end: #3f806c;
}

[data-palette="lavender"] {
  --theme-canvas: #f5f4f7;
  --theme-canvas-soft: #efedf3;
  --theme-surface: #ffffff;
  --theme-ink: #27242d;
  --theme-muted: #625d6b;
  --theme-subtle: #8e8898;
  --theme-primary: #74629a;
  --theme-primary-hover: #604f84;
  --theme-hero: #aaa0c8;
  --theme-hero-ink: #ffffff;
  --theme-highlight: #efca83;
  --theme-highlight-ink: #5e4b29;
  --theme-soft: #ece8f3;
  --theme-soft-ink: #625184;
  --theme-focus: #e9e4f1;
  --theme-gradient-left: #d8d3ff;
  --theme-gradient-right: #f1c7e7;
  --theme-gradient-title-start: #5e59c7;
  --theme-gradient-title-end: #a14286;
}