:root {
  font-family: "Lato", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family: "Lato", sans-serif;
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --text-color: var(--gray-600);
  --text-color-secondary: var(--surface-600);
  --primary-color: #004F9F;
  --primary-color-text: #ffffff;
  --focus: var(--primary-600);
  --focus-ring:  var(--focus);
  --hover: var(--primary-600);
  --btn-hover-bg: rgba(10, 133, 237, 0.04); /*primary-500*/
  --btn-active-bg: rgba(10, 133, 237, 0.16); /*primary-500*/
  --maskbg: rgba(0, 0, 0, 0.4);
  --menu-focus-bg: rgba(0, 79, 159 , 0.16); /*primary-700*/
  --highlight-bg: var(--primary-50);
  --highlight-text-color: var(--primary-800);
  --primary-50:#f0f7ff;
  --primary-100:#dfedff;
  --primary-200:#b9dcfe;
  --primary-300:#7bc1fe;
  --primary-400:#34a0fc;
  --primary-500:#0a85ed;
  --primary-600:#0067cb;
  --primary-700:#004f9f;
  --primary-800:#054787;
  --primary-900:#0a3b70;
}