/* Palettes change accent only. Layout, surfaces, semantic colors and navigation stay identical. */
:root,
:root[data-galaz-palette="galaz"] {
  --galaz-brand: #7d2841;
  --galaz-brand-hover: #672137;
  --galaz-brand-strong: #4b1827;
  --galaz-brand-soft: #f7f1f3;
  --galaz-brand-border: #b98a99;
  --galaz-brand-rgb: 125 40 65;
  --galaz-on-brand: #ffffff;
}

:root[data-galaz-palette="ocean"] {
  --galaz-brand: #245f78;
  --galaz-brand-hover: #1e5066;
  --galaz-brand-strong: #173d4e;
  --galaz-brand-soft: #f0f5f7;
  --galaz-brand-border: #8aaab8;
  --galaz-brand-rgb: 36 95 120;
  --galaz-on-brand: #ffffff;
}

:root[data-galaz-palette="forest"] {
  --galaz-brand: #356957;
  --galaz-brand-hover: #2c5849;
  --galaz-brand-strong: #203f35;
  --galaz-brand-soft: #f1f6f4;
  --galaz-brand-border: #91aea3;
  --galaz-brand-rgb: 53 105 87;
  --galaz-on-brand: #ffffff;
}

:root[data-galaz-palette="amber"] {
  --galaz-brand: #81502a;
  --galaz-brand-hover: #6e4323;
  --galaz-brand-strong: #503019;
  --galaz-brand-soft: #f8f4ef;
  --galaz-brand-border: #b49a82;
  --galaz-brand-rgb: 129 80 42;
  --galaz-on-brand: #ffffff;
}

:root[data-galaz-palette="violet"] {
  --galaz-brand: #625080;
  --galaz-brand-hover: #53436d;
  --galaz-brand-strong: #392f4b;
  --galaz-brand-soft: #f4f2f6;
  --galaz-brand-border: #a59ab5;
  --galaz-brand-rgb: 98 80 128;
  --galaz-on-brand: #ffffff;
}

:root[data-galaz-appearance="dark"][data-galaz-palette="galaz"] {
  --galaz-brand: #e5b2c0;
  --galaz-brand-hover: #f0c5d0;
  --galaz-brand-strong: #f6d7df;
  --galaz-brand-soft: #2b1d23;
  --galaz-brand-border: #a47785;
  --galaz-brand-rgb: 229 178 192;
  --galaz-on-brand: #291118;
}

:root[data-galaz-appearance="dark"][data-galaz-palette="ocean"] {
  --galaz-brand: #9abccd;
  --galaz-brand-hover: #b4cfdb;
  --galaz-brand-strong: #d3e3ea;
  --galaz-brand-soft: #18272f;
  --galaz-brand-border: #6f96a8;
  --galaz-brand-rgb: 154 188 205;
  --galaz-on-brand: #102731;
}

:root[data-galaz-appearance="dark"][data-galaz-palette="forest"] {
  --galaz-brand: #9cc8b5;
  --galaz-brand-hover: #b5d8c8;
  --galaz-brand-strong: #d6e9e0;
  --galaz-brand-soft: #192822;
  --galaz-brand-border: #739d8b;
  --galaz-brand-rgb: 156 200 181;
  --galaz-on-brand: #132a22;
}

:root[data-galaz-appearance="dark"][data-galaz-palette="amber"] {
  --galaz-brand: #d0b18f;
  --galaz-brand-hover: #dec5a9;
  --galaz-brand-strong: #ecddcc;
  --galaz-brand-soft: #2c241b;
  --galaz-brand-border: #a88c6d;
  --galaz-brand-rgb: 208 177 143;
  --galaz-on-brand: #2c2015;
}

:root[data-galaz-appearance="dark"][data-galaz-palette="violet"] {
  --galaz-brand: #b6a8c9;
  --galaz-brand-hover: #c9bdd7;
  --galaz-brand-strong: #e1dbe8;
  --galaz-brand-soft: #241f2c;
  --galaz-brand-border: #8e80a2;
  --galaz-brand-rgb: 182 168 201;
  --galaz-on-brand: #251f31;
}