:root {
  --dark-foreground: #FAFAFAEB;
  --dark-background-primary1: #28357C;
  --dark-background-primary2: #2853B4;
  --dark-background-primary3: #317987;
  --dark-background-accent: #C51473;
  --dark-background-success: #166735;
  --dark-background-info: #0057B0;
  --dark-background-warn: #9C3900;
  --dark-background-error: #B6010B;
  --dark-background-critical: #8B64F4;
  --dark-background-neutral: #7E7F81;
  --light-background-primary1: #D4D4EC;
  --light-background-primary2: #C4D6FF;
  --light-background-primary3: #D6EDF1;
  --light-background-accent: #FCE3F1;
  --light-background-success: #BDDECA;
  --light-background-info: #B8DAFC;
  --light-background-warn: #F4CEB8;
  --light-background-error: #F9CACC;
  --light-background-critical: #ECE5FD;
  --light-background-neutral: #E9EAEA;
  --light-background-overlay: #FFFFFF6B;
  --light-foreground-primary1: #2929A2;
  --light-foreground-primary2: #1B397C;
  --light-foreground-primary3: #2D6F7E;
  --light-foreground-accent: #C9006E;
  --light-foreground-success: #0F4625;
  --light-foreground-info: #003C79;
  --light-foreground-warn: #6B2800;
  --light-foreground-error: #800108;
  --light-foreground-critical: #7040F1;
  --light-foreground-neutral: #666769;
  --base: #14171A;
  --title: #161616;
  --text1: #3A3A3A;
  --text2: #656565;
  --icon: #14171A7A;
  --icon-filter: invert(65%) sepia(6%) saturate(100%) hue-rotate(180deg) brightness(75%) contrast(85%);
  --divider: #14171A5C;
  --stroke: #14171A29;
  --selected-disabled-foreground: #14171ACC;
  --unselected-disabled-foreground: #14171AA3;
  --contrast-foreground: #FAFAFAEB;
  --skeleton: #14171A14;
  --surface-background: #F6F6F6;
  --card: #FEFEFE;
  --card2: #FAFAFA;
  --dialog: #FDFDFD;
  --selected-disabled-background: #14171A29;
  --unselected-disabled-background: #14171A0A;
  --transparency: #14171AA3;
  // for skills
  --skill1: #7216D4;
  --skill2: #9E0592;
  --skill3: #2338D1;
  --skill4: #AF0E36;
  --skill5: #8936FF;
  --skill6: #3A52FF;
  --skill7: #DA46CF;
  --skill8: #EA2354;
  --skill9: #3D1575;
  --skill10: #0F2099;
  --skill11: #690F62;
  --skill12: #721129;
  // for nameless colors in figma
  --other-background-base: #FFFFFF;
  --other-background-event-date: #B8DAFC80;
  --other-border-skill-card: #D9D9DA;
}