:root {
  --rsp-purple: #aa417a;
  --rsp-blue: #4969a0;
  --rsp-orange: #E6780F;
  --rsp-green: #84B12F;
  --rsp-purple-light: #ab407a;
  --rsp-purple-light-rgb: 171, 64, 122;
  --rsp-blue-light: #36a8e0;
  --rsp-blue-light-rgb: 54, 168, 224;
  --rsp-orange-light: #e07411;
  --rsp-orange-light-rgb: 224, 116, 17;
  --rsp-green-light: #94bf1f;
  --rsp-green-light-rgb: 148, 191, 31;
  --primary: #ab407a;
  --primary-rgb: 170, 65, 122;
  --primary-dark: #2634b7;
  --primary-dark-rgb: 38, 52, 183;
  --primary-light: #525dc8;
  --primary-light-rgb: 82, 93, 200;
  --bg-one: #071832;
  --bg-one-rgb: 7, 24, 50;
  --bg-two: #040A24;
  --bg-two-rgb: 4, 10, 36;
  --body: var(--bg-one);
  --body-rgb: var(--bg-one-rgb);
  --title: #303745;
  --text: #495064;
  --border: #1D2F49;
  --white: #ffffff;
  --orange-300: #fdba74;
  --green-400: #c2d897;
  --blue-200: #bfdbfe;
  --purple-400: #c084fc
}