
:root {
  --smcc-green: #315438;
  --smcc-moss: #789876;
  --smcc-sage: #E6F0E6;
  --smcc-clay: #C6B79E;
}

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

.hero-section {
  background: linear-gradient(135deg, var(--smcc-sage), #ffffff);
}

.step-number {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background-color: var(--smcc-sage);
  color: var(--smcc-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.navbar-brand span {
  color: var(--smcc-green);
}

.btn-success {
  background-color: var(--smcc-green);
  border-color: var(--smcc-green);
}

.btn-success:hover,
.btn-success:focus {
  background-color: #26402a;
  border-color: #26402a;
}

.bg-success-subtle {
  background-color: rgba(49, 84, 56, 0.08) !important;
}

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

.alert-success-subtle {
  background-color: rgba(49, 84, 56, 0.05);
  border-color: rgba(49, 84, 56, 0.2);
}

.border-success-subtle {
  border-color: rgba(49, 84, 56, 0.2) !important;
}

footer {
  background-color: #f8f9fa;
}

.border-dashed {
  border-style: dashed !important;
}
