/* Override primary template color with Lucentum palette */

:root {
	--ontech-font: "Inter", sans-serif;
	--ontech-font-two: "Prompt", sans-serif;
	--ontech-reey-font: "reeyregular";
	/* Lucentum brand overrides */
	--ontech-base: #23658a; /* steel blue */
	--ontech-base-rgb: 35, 101, 138;
	--ontech-black: #0d2b45; /* deep navy */
	--ontech-black-rgb: 13, 43, 69;
}


/* Override base template variables if they exist */
body {
  background-color: var(--theme-light-color);
  color: var(--theme-dark-color);
}

a,
.navbar a,
.btn-link {
  color: var(--theme-primary-color);
}

a:hover,
.navbar a:hover,
.btn-link:hover {
  color: var(--theme-secondary-color);
}

.btn-primary {
  background-color: var(--theme-primary-color);
  border-color: var(--theme-primary-color);
  color: var(--theme-light-color);
}

.btn-primary:hover {
  background-color: var(--theme-secondary-color);
  border-color: var(--theme-secondary-color);
}

.btn-secondary {
  background-color: var(--theme-accent-color);
  border-color: var(--theme-accent-color);
  color: var(--theme-dark-color);
}

.bg-primary {
  background-color: var(--theme-primary-color) !important;
}

.text-primary {
  color: var(--theme-primary-color) !important;
}

.text-dark {
  color: var(--theme-dark-color) !important;
}