/* === GLOBAL ROOT PALETTE === */
:root {
  --palet1-1: #efebe0;
  --palet1-2: #fb8da0;
  --palet1-3: #fb6b90;
  --palet1-4: #fb4570;

  --palet2-1: #FBF5DE;
  --palet2-2: #EAC8A6;
  --palet2-3: #DC3C22;
  --palet2-4: #3D74B6;

  --palet3-1: #FFF9E5;
  --palet3-2: #DCD0A8;
  --palet3-3: #4A9782;
  --palet3-4: #004030;

  --palet4-1: #fbe7c6;
  --palet4-2: #ffaebc;
  --palet4-3: #a0e7e5;
  --palet4-4: #b4f8c8;

  --palet5-1: #fceca5;
  --palet5-2: #fec8a7;
  --palet5-3: #cbc7fc;
  --palet5-4: #b5eecb;

  --palet6-1: #e3e7f1;
  --palet6-2: #bdc6d9;
  --palet6-3: #6495ed;
  --palet6-4: #52688f;

  --palet7-1: #fbe39d;
  --palet7-2: #f9d876;
  --palet7-3: #c5e5a5;
  --palet7-4: #98b66e;

  --palet8-1: #eafbff;
  --palet8-2: #77ddf9;
  --palet8-3: #ffa0a3;
  --palet8-4: #7f8fa3;

  --palet9-1: #f0ccb0;
  --palet9-2: #f0a160;
  --palet9-3: #b97d60;
  --palet9-4: #f54d3d;

  --palet10-1: #f0d7d9;
  --palet10-2: #ff6584;
  --palet10-3: #abe8e6;
  --palet10-4: #0d98ba;

  --primary-color: var(--palet1-1);
  --secondary-color: var(--palet1-2);
  --accent-color: var(--palet1-3);
  --highlight-color: var(--palet1-4);
}

/* === THEME CLASSES === */
.theme-palet1 {
  --primary-color: var(--palet1-1);
  --secondary-color: var(--palet1-2);
  --accent-color: var(--palet1-3);
  --highlight-color: var(--palet1-4);
}
.theme-palet2 {
  --primary-color: var(--palet2-1);
  --secondary-color: var(--palet2-2);
  --accent-color: var(--palet2-3);
  --highlight-color: var(--palet2-4);
}
.theme-palet3 {
  --primary-color: var(--palet3-1);
  --secondary-color: var(--palet3-2);
  --accent-color: var(--palet3-3);
  --highlight-color: var(--palet3-4);
}
.theme-palet4 {
  --primary-color: var(--palet4-1);
  --secondary-color: var(--palet4-2);
  --accent-color: var(--palet4-3);
  --highlight-color: var(--palet4-4);
}
.theme-palet5 {
  --primary-color: var(--palet5-1);
  --secondary-color: var(--palet5-2);
  --accent-color: var(--palet5-3);
  --highlight-color: var(--palet5-4);
}
.theme-palet6 {
  --primary-color: var(--palet6-1);
  --secondary-color: var(--palet6-2);
  --accent-color: var(--palet6-3);
  --highlight-color: var(--palet6-4);
}
.theme-palet7 {
  --primary-color: var(--palet7-1);
  --secondary-color: var(--palet7-2);
  --accent-color: var(--palet7-3);
  --highlight-color: var(--palet7-4);
}
.theme-palet8 {
  --primary-color: var(--palet8-1);
  --secondary-color: var(--palet8-2);
  --accent-color: var(--palet8-3);
  --highlight-color: var(--palet8-4);
}
.theme-palet9 {
  --primary-color: var(--palet9-1);
  --secondary-color: var(--palet9-2);
  --accent-color: var(--palet9-3);
  --highlight-color: var(--palet9-4);
}
.theme-palet10 {
  --primary-color: var(--palet10-1);
  --secondary-color: var(--palet10-2);
  --accent-color: var(--palet10-3);
  --highlight-color: var(--palet10-4);
}