:root {
  --color-primary: #A918B0;
  --color-secondary: #650E70;
  --color-primary-hover: #95159B;
  --color-secondary-hover: #5B0D65;
  --color-primary-light: #C21CCA;
  --color-primary-active: #801285;
  --color-primary-rgb: 169, 24, 176;
  --color-secondary-rgb: 101, 14, 112;
  --brand-icon-filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(2630%)
    hue-rotate(285deg) brightness(91%) contrast(104%);
  --color-topbar-primary: #040D19;
  --color-topbar-secondary: #1F2937;
  --color-topbar-terciary: #363D47;
  --color-topbar-text: #FFFFFF;
  --color-text-primary: #212121;
  --color-surface-300: #363D47;
  --color-error: #DC3545;
  --heat-1: #f0d4f1;
  --heat-2: #d9a3dc;
  --heat-3: #c266c7;
  --heat-4: #a918b0;
  --heat-5: #7e1284;
  --logo-url: url("/assets/skillsLogo.png");
}