:root {
  /* Color palette */
  --color-000: #FFFFFF;
  --color-050: #FAFDFC;
  --color-100: #EBF5F3;
  --color-200: #CDEBE5;
  --color-300: #A4E1D4;
  --color-400: #66D4BC;
  --color-500: #41C8AB;
  --color-600: #34AE93;
  --color-700: #2C8975;
  --color-800: #1D584B;
  --color-900: #0B2822;
  --color-g-050: #F3F5F4;
  --color-g-100: #E7EAEA;
  --color-g-200: #D0D5D4;
  --color-g-300: #A1ACA9;
  --color-g-400: #71827F;
  --color-g-450: #585858;
  --color-g-500: #132F29;
  /* 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(99%) sepia(0%) saturate(2485%) hue-rotate(92deg) brightness(102%) contrast(98%);
  --filter-100: invert(99%) sepia(31%) saturate(160%) hue-rotate(87deg) brightness(99%) contrast(94%);
  --filter-200: invert(93%) sepia(15%) saturate(276%) hue-rotate(112deg) brightness(101%) contrast(85%);
  --filter-300: invert(92%) sepia(20%) saturate(464%) hue-rotate(102deg) brightness(93%) contrast(89%);
  --filter-400: invert(84%) sepia(12%) saturate(1361%) hue-rotate(112deg) brightness(88%) contrast(93%);
  --filter-500: invert(71%) sepia(52%) saturate(478%) hue-rotate(115deg) brightness(88%) contrast(87%);
  --filter-600: invert(66%) sepia(8%) saturate(3097%) hue-rotate(116deg) brightness(89%) contrast(78%);
  --filter-700: invert(44%) sepia(66%) saturate(384%) hue-rotate(117deg) brightness(90%) contrast(91%);
  --filter-800: invert(26%) sepia(37%) saturate(669%) hue-rotate(117deg) brightness(96%) contrast(91%);
  --filter-900: invert(10%) sepia(11%) saturate(2693%) hue-rotate(118deg) brightness(100%) contrast(93%);
  --filter-g-050: invert(100%) sepia(2%) saturate(540%) hue-rotate(73deg) brightness(99%) contrast(93%);
  --filter-g-100: invert(91%) sepia(2%) saturate(1769%) hue-rotate(191deg) brightness(110%) contrast(84%);
  --filter-g-200: invert(92%) sepia(3%) saturate(226%) hue-rotate(118deg) brightness(92%) contrast(94%);
  --filter-g-300: invert(74%) sepia(7%) saturate(232%) hue-rotate(113deg) brightness(91%) contrast(93%);
  --filter-g-400: invert(57%) sepia(8%) saturate(533%) hue-rotate(119deg) brightness(86%) contrast(85%);
  --filter-g-500: invert(10%) sepia(10%) saturate(5302%) hue-rotate(125deg) brightness(93%) contrast(85%);
  /* 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);
  --secondary-color: var(--color-700);
  --secondary-filter: var(--filter-700);
  --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%);
}