:root {
  font-family: "Titillium", "Arial", "Helvetica", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family: "Titillium", "Arial", "Helvetica", sans-serif;
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --text-color: var(--gray-600);
  --text-color-secondary: var(--surface-600);
  --primary-color: #17365c;
  --primary-color-text: #ffffff;
  --focus: var(--primary-600);
  --focus-ring:  var(--focus);
  --hover: var(--primary-600);
  --btn-hover-bg: rgba(42, 124, 205, 0.04); /*primary-500*/
  --btn-active-bg: rgba(42, 124, 205, 0.16); /*primary-500*/
  --maskbg: rgba(0, 0, 0, 0.4);
  --menu-focus-bg: rgba(23, 77, 141 , 0.16); /*primary-700*/
  --highlight-bg: var(--primary-50);
  --highlight-text-color: var(--primary-800);
  --primary-50:#f2f7fd;
  --primary-100:#e4edfa;
  --primary-200:#c2daf5;
  --primary-300:#8dbcec;
  --primary-400:#509ae0;
  --primary-500:#2a7ccd;
  --primary-600:#1b61ae;
  --primary-700:#174d8d;
  --primary-800:#174375;
  --primary-900:#17365c ;
}