:root {
  /* Color palette */
  --color-000: #FFFFFF;
  --color-050: #E8EFFD;
  --color-100: #BFD4F9;
  --color-200: #94BBF7;
  --color-300: #68A4F6;
  --color-400: #3A91F6;
  --color-500: #799ACC;
  --color-600: #0A54D2;
  --color-700: #0830AE;
  --color-800: #061589;
  --color-900: #181741;
  --color-g-050: #F3F5F4;
  --color-g-100: #F3F3F5;
  --color-g-200: #D1D1D9;
  --color-g-300: #A3A2B3;
  --color-g-400: #74748D;
  --color-g-450: #585858;
  --color-g-500: #181741;
  /* Filter palette | Required for the SVG color, calculated with this tool: https://codepen.io/sosuke/pen/Pjoqqp */
  --filter-000: invert(100%) sepia(100%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(102%);
  --filter-050: invert(88%) sepia(6%) saturate(767%) hue-rotate(193deg) brightness(106%) contrast(98%);
  --filter-100: invert(87%) sepia(10%) saturate(1810%) hue-rotate(185deg) brightness(98%) contrast(99%);
  --filter-200: invert(67%) sepia(81%) saturate(430%) hue-rotate(185deg) brightness(99%) contrast(95%);
  --filter-300: invert(69%) sepia(50%) saturate(4216%) hue-rotate(191deg) brightness(103%) contrast(93%);
  --filter-400: invert(45%) sepia(67%) saturate(1618%) hue-rotate(193deg) brightness(100%) contrast(94%);
  --filter-500: invert(61%) sepia(59%) saturate(264%) hue-rotate(177deg) brightness(87%) contrast(93%);
  --filter-600: invert(16%) sepia(87%) saturate(3822%) hue-rotate(216deg) brightness(95%) contrast(92%);
  --filter-700: invert(11%) sepia(87%) saturate(5271%) hue-rotate(230deg) brightness(80%) contrast(96%);
  --filter-800: invert(10%) sepia(72%) saturate(4708%) hue-rotate(235deg) brightness(89%) contrast(114%);
  --filter-900: invert(11%) sepia(16%) saturate(4571%) hue-rotate(216deg) brightness(92%) contrast(102%);
  --filter-g-050: invert(100%) sepia(2%) saturate(540%) hue-rotate(73deg) brightness(99%) contrast(93%);
  --filter-g-100: invert(96%) sepia(9%) saturate(21%) hue-rotate(201deg) brightness(100%) contrast(95%);
  --filter-g-200: invert(95%) sepia(5%) saturate(244%) hue-rotate(202deg) brightness(89%) contrast(90%);
  --filter-g-300: invert(70%) sepia(11%) saturate(315%) hue-rotate(204deg) brightness(91%) contrast(93%);
  --filter-g-400: invert(45%) sepia(28%) saturate(288%) hue-rotate(200deg) brightness(95%) contrast(83%);
  --filter-g-500: invert(14%) sepia(17%) saturate(2141%) hue-rotate(203deg) brightness(86%) contrast(107%);
  /* Shadows */
  --shadow-100: 0px 0px 2px 0px #0A0A0A14;
  --shadow-200: 0px 2px 4px 0px #0A0A0A14;
  --shadow-300: 0px 4px 8px 0px #0A0A0A14;
  --shadow-400: 0px 8px 16px 0px #0A0A0A14;
  --shadow-500: 0px 16px 24px 0px #0A0A0A14;
  --shadow-600: 0px 20px 32px 0px #0A0A0A14;
  /* Color Scale */
  --color-scale-100: #1D7248;
  --color-scale-200: #228C22;
  --color-scale-300: #0FB30F;
  --color-scale-400: #5CD65C;
  --color-scale-500: #99EB47;
  --color-scale-600: #25DADA;
  --color-scale-700: #FFE500;
  --color-scale-800: #FF9500;
  --color-scale-900: #FF6A00;
  --color-scale-1000: #FF0000;
  --color-scale-1100: #8B0000;
  /* Color Scale Filter */
  --filter-scale-100: invert(30%) sepia(85%) saturate(351%) hue-rotate(98deg) brightness(101%) contrast(95%);
  --filter-scale-200: invert(40%) sepia(87%) saturate(766%) hue-rotate(80deg) brightness(84%) contrast(83%);
  --filter-scale-300: invert(41%) sepia(53%) saturate(3720%) hue-rotate(93deg) brightness(109%) contrast(88%);
  --filter-scale-400: invert(85%) sepia(8%) saturate(3453%) hue-rotate(61deg) brightness(92%) contrast(81%);
  --filter-scale-500: invert(96%) sepia(69%) saturate(1069%) hue-rotate(29deg) brightness(100%) contrast(85%);
  --filter-scale-600: invert(78%) sepia(70%) saturate(573%) hue-rotate(128deg) brightness(92%) contrast(85%);
  --filter-scale-700: invert(83%) sepia(47%) saturate(1015%) hue-rotate(357deg) brightness(103%) contrast(105%);
  --filter-scale-800: invert(63%) sepia(20%) saturate(6522%) hue-rotate(1deg) brightness(104%) contrast(106%);
  --filter-scale-900: invert(52%) sepia(83%) saturate(3534%) hue-rotate(359deg) brightness(100%) contrast(109%);
  --filter-scale-1000: invert(15%) sepia(49%) saturate(7316%) hue-rotate(356deg) brightness(107%) contrast(123%);
  --filter-scale-1100: invert(7%) sepia(79%) saturate(5944%) hue-rotate(358deg) brightness(101%) contrast(106%);
  /* Other */
  --primary-color: var(--color-500);
  --primary-filter: var(--filter-500);
  --danger: var(--color-scale-1000);
  --danger-filter: var(--filter-scale-1000);
  /* Map Icon colors */
  --white-color: #FFF;
  --black-color: #000;
  --dark-color: #1A1A1A;
  --white-filter: invert(86%) sepia(100%) saturate(22%) hue-rotate(288deg) brightness(109%) contrast(108%);
  --black-filter: invert(0%) sepia(100%) saturate(22%) hue-rotate(331deg) brightness(93%) contrast(105%);
  --color-orange: #BD5F12;
  --color-orange-rgba: rgba(189, 95, 18, 0.8);
}