:root {
  --cms-primary: #2fb44a;
  --cms-primary-dark: #198f35;
  --cms-accent: #0b1a2b;
  --cms-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cms-font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  font-family: var(--cms-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-black,
.font-bold {
  font-family: var(--cms-font-heading);
}

.text-\[\#2FB44A\],
.hover\:text-\[\#2FB44A\]:hover,
.group-hover\:text-\[\#2FB44A\]:is(:where(.group):hover *) {
  color: var(--cms-primary) !important;
}

.text-\[\#198f35\] {
  color: var(--cms-primary-dark) !important;
}

.bg-\[\#2FB44A\],
.hover\:bg-green-700:hover {
  background-color: var(--cms-primary) !important;
}

.bg-\[\#0B1A2B\] {
  background-color: var(--cms-accent) !important;
}

.border-\[\#2FB44A\],
.focus\:border-\[\#2FB44A\]:focus {
  border-color: var(--cms-primary) !important;
}

.focus\:ring-\[\#2FB44A\]:focus {
  --tw-ring-color: var(--cms-primary) !important;
}

[data-cms-logo] {
  max-height: 2.5rem;
  object-fit: contain;
}