:root {
   --color-primary:#278caf;
  --color-primary-contrast:#fff;
  --color-primary-dark-1:#3876b3;
  --color-primary-dark-2:#1f7d9d;
  --color-primary-dark-3:#2b5c8b;
  --color-primary-dark-4:#127293;
  --color-primary-dark-5:#193450;
  --color-primary-dark-6:#0c1a28;
  --color-primary-dark-7:#04080c;
  --color-primary-light-1:#548fca;
  --color-primary-light-2:#38a9d0;
  --color-primary-light-3:#7aa8d6;
  --color-primary-light-4:#54b7d9;
  --color-primary-light-5:#b3cde7;
  --color-primary-light-6:#d9e6f3;
  --color-primary-light-7:#f4f8fb;
  --color-primary-alpha-10:#4183c419;
  --color-primary-alpha-20:#4183c433;
  --color-primary-alpha-30:#4183c44b;
  --color-primary-alpha-40:#4183c466;
  --color-primary-alpha-50:#4183c480;
  --color-primary-alpha-60:#4183c499;
  --color-primary-alpha-70:#4183c4b3;
  --color-primary-alpha-80:#4183c4cc;
  --color-primary-alpha-90:#4183c4e1;
  --color-primary-hover:var(--color-primary-dark-1);
  --color-primary-active:var(--color-primary-dark-2);
 }



* {
  scrollbar-color: #278caf transparent !important;
}

.home .hero .svg {
  color: #278caf;
}

.home a {
  color: #278caf;
}


.ui.primary.button {
  background: #278caf;
}

a {
  color: #278caf;
}

a:hover, a.muted:hover, a.muted:hover [class*="color-text"], .muted-links a:hover {
  color: #93d4ea;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background: #278cafb2;
  color: #143946;
}