body.dark {
  --primary: #fff;
  --on-primary: #000;
  --primary-container: #5727a6;
  --on-primary-container: #ebddff;
  --secondary: #cdc2db;
  --on-secondary: #342d40;
  --secondary-container: #4b4358;
  --on-secondary-container: #e9def8;
  --tertiary: #f0b7c5;
  --on-tertiary: #4a2530;
  --tertiary-container: #643b46;
  --on-tertiary-container: #ffd9e1;
  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --on-error-container: #ffb4ab;
  --background: #1d1b1e;
  --on-background: #e6e1e6;
  --surface: #141316;
  --on-surface: #e6e1e6;
  --surface-variant: #49454e;
  --on-surface-variant: #cbc4cf;
  --outline: #948f99;
  --outline-variant: #49454e;
  --shadow: #000000;
  --scrim: #000000;
  --inverse-surface: #e6e1e6;
  --inverse-on-surface: #323033;
  --inverse-primary: #6f43c0;
  --surface-dim: #141316;
  --surface-bright: #3b383c;
  --surface-container-lowest: #0f0e11;
  --surface-container-low: #1d1b1e;
  --surface-container: #211f22;
  --surface-container-high: #2b292d;
  --surface-container-highest: #363438;
}

.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}