:root {
  --primary-black: #15161f;
  --secondary-black: #2a2c3d;
  --darker-gray: #463e36;
  --dark-gray: #675d55;
  --gray: #847970;
  --mid-gray: #a39c96;
  --light-gray: #d9d4d0;
  --lighter-gray: #f8f5f3;
  --lightest-gray: #f5f5fa;
  --white: #fff;
  --orange: #fe5e00;
  --hover-orange: #b84400;
  --red: #eb5757;
  --lighter-red: #fff5f5;
  --electric-blue: #3863e5;
  --hover-electric-blue: #003fa3;
  --sky-blue: #2d9cdb;
  --lighter-sky-blue: #edf5fa;
  --grey-button-icons: #4e5066;
  --navy: #090c43;
  --dark-navy: #03041a;
  --navy-lightest-gray: #f5f5fa;
  --navy-lighter-gray: #dadbe5;
  --navy-light-gray: #818299;
  --navy-mid-gray: #5f617a;
  --navy-gray: #2d2f52;
  --primary: #03011d;
  --primary-focus: #0d0480;
  --primary-content: #03011d;
  --secondary-background: #3863e5;
  --secondary-text: #fcfcfd;
  --link-color: #3863e5;
  --link-color-hover: var(--post-link-hover);
  --post-link: var(--secondary-background);
  --post-link-hover: #204ac5;
  --post-link-visited: #6f38e5;
  --body-background: #fcfcfc;
  --body-text: #292b33;
  --title-text: #292b33;
  --footer-background: #f8f5f3;
  --footer-text: #6c7288;
  --card-background: #fcfcfc;
  --card-text: #0f0943;
  --card-border: #eeeff1;
  --cta-background: #0f0943;
  --cta-text: var(--button-text);
  --button-background: #3863e5;
  --button-text: #fcfcfd;
  --button-background-secondary: transparent;
  --button-text-secondary: #3863e5;
  --box-shadow: #dadbe5e0;
  --widget-text: #090c43;
  --note-background: #f0f6fa;
  --note-border: #006bb2;
  --error-background: #f8f1f2;
  --error-border: #b00020;
  --success-background: #f3f5f1;
  --success-border: #008738;
  --deprecation-background: #292931;
  --deprecation-border: #EAEAEA;
  --tip-background: #F3F5F1;
  --tip-border: #008738;
  --info-background: #EEEFF1;
  --info-border: #5A5F72;
  --breadcrumbs-background: #e7e8ec;
  --breadcrumbs-text: #5a5f72;
  --input-search: #a39c96;
  --side-border-color: #292b33;
  --input-search-icon: #101040;
  --input-search-background: #eeeff1;
  --input-search-text: #292b33;
  --text-invert: #fff;
  --card-bg-background: linear-gradient(180deg, rgba(41, 43, 51, 0.35) 0%, rgba(41, 43, 51, 0.7) 100%);
  --table-cell: #f4f4f6;
  --highlight-bg: var(--primary-black);
  --hero-background: #EDEDFA;
  --post-bot-border-color: #C6C9D2;
  --post-bot-button-color: #fff;
}

.dark {
  --primary: #03041a;
  --primary-focus: #0d0480;
  --primary-content: #03011d;
  --secondary-background: #3863e5;
  --secondary-text: #fcfcfd;
  --link-color: #5d80ea;
  --link-color-hover: var(--post-link-hover);
  --post-link: #5d80ea;
  --post-link-hover: #819cee;
  --post-link-visited: #a381ee;
  --body-background: #121316;
  --body-text: #afb3c0;
  --title-text: #afb3c0;
  --footer-background: #090c43;
  --footer-text: #81899c;
  --card-background: #121316;
  --card-text: #f7f7f9;
  --card-border: #363944;
  --cta-background: #5d80ea;
  --cta-text: var(--button-text);
  --button-background: #5d80ea;
  --button-background-hover: #091043;
  --button-text: #fff;
  --button-background-secondary: transparent;
  --button-text-secondary: #5d80ea;
  --box-shadow: #000000d6;
  --widget-text: #dadbe5;
  --note-background: #101c25;
  --note-border: #429bd7;
  --error-background: #221117;
  --error-border: #ea405f;
  --success-background: #101e1f;
  --success-border: #3f9f66;
  --deprecation-background: #1C1D22;
  --deprecation-icon: #646A7E;
  --tip-background: #101E1F;
  --tip-border: #3F9F66;
  --info-background: #363944;
  --info-border: #D1D4DB;
  --breadcrumbs-background: #363944;
  --breadcrumbs-text: #c6c9d2;
  --input-search: #818299;
  --input-search-icon: #afb3c0;
  --side-border-color: #afb3c0;
  --input-search-background: #24262e;
  --input-search-text: #81899c;
  --text-invert: #000;
  --card-bg-background: linear-gradient(180deg, rgba(41, 43, 51, 0.35) 0%, rgba(41, 43, 51, 0.70) 100%);
  --table-cell: #24262E;
  --highlight-bg: var(--footer-background);
  --hero-background: #B1B1F0;
  --post-bot-border-color: #363944;
  --post-bot-button-color: #000;
}