:root {
  --grey-200: #E1DFDF;
  --grey-800: #353939;

  --pink-light-1: #F6EBE8;
  --pink-medium: #CD3F6C;
  --pink-dark-1: #A96780;
  --pink-dark-2: #A82952;
  --pink-dark-3: #663947;
  /* --pink-dark-desat: #A37987; */
  --pink-dark-desat: #A96780;

  --forest-light-1: #E7E7DF;
  --forest-light-2: #666C55;
  --forest-dark-1: #484C3C;
  --forest-dark-2: #2B360A;
  --forest-dark-3: #1E2704;


  --cornsilk-light-1: #FBF7E1;
  --cerulean-medium: #46768E;
  --cerulean-dark-1: #657C81;
  --cerulean-dark-2: #233C4C;
  --cerulean-dark-2: #0B1F29;


  --party-1: #C1700D;
  --party-2: #0D9609;
  --party-3: #418C89;
  --party-4: #4976DC;
  --party-5: #A54DD7;
  --party-6: #C248BE;
  --party-7: #DA408F;
  --party-8: #E6474D;


  --alice-red-1: #AC334F;
  --alice-red-2: #75142A;
  --alice-red-3: #4D0918;
  --alice-blue-1: #3388AC;
  --alice-blue-2: #216E8E;
  --alice-blue-3: #13465B;
} 

.default {
  --main-background-color: var(--pink-light-1);
  --button-bg: var(--pink-medium);
  --button-bg-hover: var(--pink-dark-2);
  --button-bg-active: var(--pink-dark-3);
  --button-text-color: var(--pink-light-1);
  --button-border-color: var(--pink-medium);
  --button-border-size: 2px;


  --scoreboard-border-color: var(--pink-dark-desat);
  --scoreboard-label-color: var(--pink-dark-desat);
  --scoreboard-value-color: var(--pink-dark-3);

  --primary-400: var(--pink-light-1);
  --primary-500: var(--pink-medium);
  --primary-600: var(--pink-dark-1);
  --primary-700: var(--pink-dark-2);
  --primary-800: var(--pink-dark-3);
}

.forest {
  --main-background-color: var(--forest-light-1);
  --button-bg: var(--forest-dark-1);
  --button-bg-hover: var(--forest-dark-2);
  --button-bg-active: var(--forest-dark-3);
  --button-text-color: var(--forest-light-1);
  --button-border-color: var(--forest-dark-1);

  --scoreboard-border-color: var(--forest-dark-1);
  --scoreboard-label-color: var(--forest-light-2);
  --scoreboard-value-color: var(--forest-dark-1);

  --primary-400: var(--pink-light-1);
  --primary-500: var(--forest-light-2);
  --primary-600: var(--forest-dark-1);
  --primary-700: var(--forest-dark-2);
  --primary-800: var(--forest-dark-3);
}

.cornblue {
  --cornsilk-light-1: #FBF7E1;
  --cerulean-light-2: #657C81;
  --cerulean-medium: #46768E;
  --cerulean-dark-1: #233C4C;
  --cerulean-dark-2: #3C414C;
  --cerulean-dark-3: #0B1F29;

  --main-background-color: var(--cornsilk-light-1);
  --button-bg: var(--cerulean-medium);
  --button-bg-hover: var(--cerulean-dark-1);
  --button-bg-active: var(--cerulean-dark-3);
  --button-text-color: var(--cornsilk-light-1);
  --button-border-color: var(--cerulean-medium);

  --scoreboard-border-color: var(--cerulean-dark-1);
  --scoreboard-label-color: var(--cerulean-light-2);
  --scoreboard-value-color: var(--cerulean-dark-1);

  --primary-400: var(--cornsilk-light-1);
  --primary-500: var(--cerulean-light-2);
  --primary-600: var(--cerulean-dark-1);
  --primary-700: var(--cerulean-dark-2);
  --primary-800: var(--cerulean-dark-3);
}

.purplerain {
  /* --purple-50: #fbf8fb; */
  --purple-light-1: #f6f0f7;
  /* --purple-200: #ebe0ee; */
  /* --purple-300: #dcc7e0; */
  /* --purple-400: #c8a5cd; */
  /* --purple-500: #ad80b5; */
  --purple-md: #906297;
  --purple-dark-1: #784f7c;
  --purple-dark-2: #5f3f62;
  --purple-dark-3: #543956;
  /* --purple-950: #331e34; */

  --main-background-color: var(--purple-light-1);
  --button-bg: var(--purple-md);
  --button-bg-hover: var(--purple-dark-2);
  --button-bg-active: var(--purple-dark-3);
  --button-text-color: var(--purple-light-1);
  --button-border-color: transparent;

  --scoreboard-border-color: var(--purple-dark-1);
  --scoreboard-label-color: var(--purple-md);
  --scoreboard-value-color: var(--purple-dark-2);

  --primary-400: var(--purple-light-1);
  --primary-500: var(--purple-md);
  --primary-600: var(--purple-dark-1);
  --primary-700: var(--purple-dark-2);
  --primary-800: var(--purple-dark-3);

}

.disco {
  --disco-orange-1: #9E3B1D;
  --disco-orange-2: #BF4417;
  --disco-orange-3: #AD540D;
  --disco-red-1:#9C0E0E;
  --disco-yellow-1: #BB8B1D;
  --disco-yellow-2: #B57F03;
  --disco-blue-1: #11809C;
  --disco-blue-2: #30939C;
  --disco-blue-3: #105873;
  --disco-brown-1: #472A1E;
  --disco-brown-2: #4F2123;
  --disco-brown-3: #4A2F11;
}