/* === 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: #aaa5e6;
  --palet5-4: #636d67;

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

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

  --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;

  --palet11-1: #f8f4f9;
  --palet11-2: #e2cfea;
  --palet11-3: #b799ff;
  --palet11-4: #6a4c93;

  --palet12-1: #fdf5f1;
  --palet12-2: #ffd6ba;
  --palet12-3: #ff9a76;
  --palet12-4: #d65a31;

  --palet13-1: #f6fff8;
  --palet13-2: #cce3de;
  --palet13-3: #90c290;
  --palet13-4: #3b755f;

  --palet14-1: #fff9f5;
  --palet14-2: #ffe3e3;
  --palet14-3: #ffb3c1;
  --palet14-4: #ff758f;

  --palet15-1: #f7fdfc;
  --palet15-2: #c5f6fa;
  --palet15-3: #66d9e8;
  --palet15-4: #0b7285;

  --palet16-1: #fdf8f2;
  --palet16-2: #fae0c3;
  --palet16-3: #f6aa60;
  --palet16-4: #c85c0c;

  --palet17-1: #f7f7ff;
  --palet17-2: #d5ccff;
  --palet17-3: #a29bfe;
  --palet17-4: #5e5ce6;

  --palet18-1: #f8fff4;
  --palet18-2: #d0f4de;
  --palet18-3: #95d5b2;
  --palet18-4: #2d6a4f;

  --palet19-1: #fffef5;
  --palet19-2: #ffe066;
  --palet19-3: #fab005;
  --palet19-4: #e67700;

  --palet20-1: #fafaff;
  --palet20-2: #dbe4ff;
  --palet20-3: #91a7ff;
  --palet20-4: #364fc7;


  --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);
}
.theme-palet11 {
  --primary-color: var(--palet11-1);
  --secondary-color: var(--palet11-2);
  --accent-color: var(--palet11-3);
  --highlight-color: var(--palet11-4);
}

.theme-palet12 {
  --primary-color: var(--palet12-1);
  --secondary-color: var(--palet12-2);
  --accent-color: var(--palet12-3);
  --highlight-color: var(--palet12-4);
}

.theme-palet13 {
  --primary-color: var(--palet13-1);
  --secondary-color: var(--palet13-2);
  --accent-color: var(--palet13-3);
  --highlight-color: var(--palet13-4);
}

.theme-palet14 {
  --primary-color: var(--palet14-1);
  --secondary-color: var(--palet14-2);
  --accent-color: var(--palet14-3);
  --highlight-color: var(--palet14-4);
}

.theme-palet15 {
  --primary-color: var(--palet15-1);
  --secondary-color: var(--palet15-2);
  --accent-color: var(--palet15-3);
  --highlight-color: var(--palet15-4);
}

.theme-palet16 {
  --primary-color: var(--palet16-1);
  --secondary-color: var(--palet16-2);
  --accent-color: var(--palet16-3);
  --highlight-color: var(--palet16-4);
}

.theme-palet17 {
  --primary-color: var(--palet17-1);
  --secondary-color: var(--palet17-2);
  --accent-color: var(--palet17-3);
  --highlight-color: var(--palet17-4);
}

.theme-palet18 {
  --primary-color: var(--palet18-1);
  --secondary-color: var(--palet18-2);
  --accent-color: var(--palet18-3);
  --highlight-color: var(--palet18-4);
}

.theme-palet19 {
  --primary-color: var(--palet19-1);
  --secondary-color: var(--palet19-2);
  --accent-color: var(--palet19-3);
  --highlight-color: var(--palet19-4);
}

.theme-palet20 {
  --primary-color: var(--palet20-1);
  --secondary-color: var(--palet20-2);
  --accent-color: var(--palet20-3);
  --highlight-color: var(--palet20-4);
}