:root {
  --cc-green: #1c6b33;
  --cc-green-dark: #123f1f;
  --cc-orange: #e08a1e;
  --cc-brown: #6b4226;
}

body {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.text-success,
.text-success-emphasis {
  color: var(--cc-green) !important;
}

.bg-success,
.btn-success {
  background-color: var(--cc-green) !important;
  border-color: var(--cc-green) !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: var(--cc-green-dark) !important;
  border-color: var(--cc-green-dark) !important;
}

.btn-outline-success {
  color: var(--cc-green) !important;
  border-color: var(--cc-green) !important;
}

.btn-outline-success:hover {
  background-color: var(--cc-green) !important;
  color: #fff !important;
}

.bg-success-subtle {
  background-color: #e7f2ea !important;
}

.btn-warning {
  background-color: var(--cc-orange) !important;
  border-color: var(--cc-orange) !important;
  color: #fff !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #c67716 !important;
  border-color: #c67716 !important;
  color: #fff !important;
}

.text-warning {
  color: var(--cc-orange) !important;
}

.card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card.shadow-sm:hover {
  transform: translateY(-4px);
}

.navbar-nav .nav-link.active {
  color: var(--cc-green) !important;
}

.navbar-nav .nav-link {
  font-weight: 500;
}

a {
  color: var(--cc-green);
}

a:hover {
  color: var(--cc-green-dark);
}