:root {
  --negative: #E74926;
  --positive: #49B886;

  --scrollbarBG: #E6E9EB;
  --thumbBG: rgba(169, 181, 189, 0.7);
  --scrollbarWindowsBG: #FFFFFF;
  --white: #FFFFFF;

  --color-white-1: #EAF0F4;

  --color-primary: #0065A7;
  --color-primary-1: #196AA5;
  --color-primary-2: #014678;
  --color-primary-3: #3F9DDB;

  --color-gray: #3A3A3C;
  --color-text: var(--color-gray);
  --color-overlay: rgba(0, 0, 0, 0.25);

  --color-gray-old-300: #646E82;
  --color-old-blue-300: #3974D0;

  /* Colors */
  /* Neutral */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Brand Blue */
  --color-brand-blue-50: #F7FBFF;
  --color-brand-blue-75: #EAF5FF;
  --color-brand-blue-100: #E3F1FD;
  --color-brand-blue-200: #C8E1FF;
  --color-brand-blue-300: #A0C9FA;
  --color-brand-blue-400: #74A8E6;
  --color-brand-blue-500: #5393DE;
  --color-brand-blue-600: #3974D0;
  --color-brand-blue-700: #3161C0;
  --color-brand-blue-800: #224FA7;
  --color-brand-blue-900: #264184;
  --color-brand-blue-950: #1F2C4C;

  /* Brand Purple */
  --color-brand-purple-50: #F8F7FF;
  --color-brand-purple-75: #F2F1FF;
  --color-brand-purple-100: #ECEBFC;
  --color-brand-purple-200: #DCD9FB;
  --color-brand-purple-300: #C7C0FE;
  --color-brand-purple-400: #A698F7;
  --color-brand-purple-500: #9679FF;
  --color-brand-purple-600: #744BDF;
  --color-brand-purple-700: #6739D5;
  --color-brand-purple-800: #532DAA;
  --color-brand-purple-900: #45278B;
  --color-brand-purple-950: #29175E;

  /* Blue */
  --color-blue-50: #F7FBFF;
  --color-blue-100: #EAF5FF;
  --color-blue-200: #C8E1FF;
  --color-blue-300: #A0C9FA;
  --color-blue-400: #74A8E6;
  --color-blue-500: #5393DE;
  --color-blue-600: #3974D0;
  --color-blue-700: #3161C0;

  /* Gray */
  --color-gray-50: #F7F9FB;
  --color-gray-75: #F0F2F5;
  --color-gray-100: #E6E9EE;
  --color-gray-200: #D6DBE7;
  --color-gray-300: #CBD0DB;
  --color-gray-400: #A5ACBA;
  --color-gray-500: #848FA3;
  --color-gray-600: #666F81;
  --color-gray-700: #4A4F5C;
  --color-gray-800: #363B47;
  --color-gray-900: #121826;
  --color-gray-950: #0B101B;

  /* Yellow */
  --color-yellow-50: #FEFCEA;
  --color-yellow-100: #FEFAC8;
  --color-yellow-200: #FFF59C;
  --color-yellow-300: #FFE976;
  --color-yellow-400: #FFDF39;
  --color-yellow-500: #FFD339;
  --color-yellow-600: #F7B611;
  --color-yellow-700: #F79B11;
  --color-yellow-800: #B15F00;

  /* Orange */
  --color-orange-50: #FFFAF2;
  --color-orange-100: #FFF3E1;
  --color-orange-200: #FFE0C0;
  --color-orange-300: #FFB66F;
  --color-orange-400: #FF8C40;
  --color-orange-500: #FF6E28;
  --color-orange-600: #F15420;
  --color-orange-700: #C64700;

  /* Red */
  --color-red-50: #FDF2F5;
  --color-red-100: #FFD8E0;
  --color-red-200: #FFB9C9;
  --color-red-300: #FF9BA1;
  --color-red-400: #FF7575;
  --color-red-500: #F95555;
  --color-red-600: #F8365A;
  --color-red-700: #E10031;

  /* Violet */
  --color-violet-50: #F2F1F9;
  --color-violet-100: #E1E3F8;
  --color-violet-200: #C9CCF2;
  --color-violet-300: #A7ACEA;
  --color-violet-400: #8888DF;
  --color-violet-500: #766ED2;
  --color-violet-600: #604DC2;
  --color-violet-700: #5F4BAF;

  /* Turquoise */
  --color-turquoise-50: #E1FBFD;
  --color-turquoise-100: #C1FAFF;
  --color-turquoise-200: #88EDFB;
  --color-turquoise-300: #64DBEF;
  --color-turquoise-400: #39C5EB;
  --color-turquoise-500: #07AEDA;
  --color-turquoise-600: #0098C9;
  --color-turquoise-700: #007AA3;

  /* Green */
  --color-green-50: #DFF6F0;
  --color-green-100: #CBF4E2;
  --color-green-200: #9EE8C9;
  --color-green-300: #61D5AD;
  --color-green-400: #1EBA8C;
  --color-green-500: #1AA47B;
  --color-green-600: #137C5C;
  --color-green-700: #00614A;

  /* SUITE v9 */
  --dhx-color-primary: var(--color-brand-blue-600);

  /* Typo */
  --font: Roboto, sans-serif;
  --font-icons: 'Material Symbols Outlined';

  /* Shadows */
  --block-shadow: 0 1px 5px rgba(16, 28, 91, 0.08);

  /* z-index's */
  --z-index-popup: 1000;
  --z-index-massactions: 1001;
  --z-index-dropdownlist: 1002;
  /* !top of any content */
  --z-index-hint: 100000001;
  --z-index-main-submenu: 10000001;
  /* SUITE v9+ */
  --dhx-z-index-up: 1;
  --dhx-z-index-force-up: 10;
  --dhx-z-index-overlay: 999;
  --dhx-z-index-overlay-total: 1002;

  /* breakpoints */
  --bp-mobile: 600px;
  --bp-tablet: 1024px;
}