:root {
  color: #17231b;
  background: #e8f5e9;
}

body {
  background:
    radial-gradient(circle at top left, rgba(200, 230, 201, 0.84), transparent 34rem),
    linear-gradient(180deg, #e8f5e9 0%, #ffffff 50%, #e8f5e9 100%) !important;
  color: #17231b !important;
}

.bg-brand-primary { background-color: #2f7d4a !important; }
.bg-brand-deep { background-color: #1f5f3a !important; }
.bg-brand-plum { background-color: #356b42 !important; }
.bg-brand-lavender { background-color: #b7e4be !important; }
.bg-brand-bg { background-color: #e8f5e9 !important; }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.94) !important; }

.text-brand-primary { color: #2f7d4a !important; }
.text-brand-deep { color: #123524 !important; }
.text-brand-plum { color: #356b42 !important; }
.text-brand-lavender { color: #b7e4be !important; }
.text-brand-muted { color: #596b5e !important; }
.text-brand-text { color: #17231b !important; }

.border-brand-primary { border-color: #2f7d4a !important; }
.border-brand-border { border-color: #c8e6c9 !important; }
.hover\:border-brand-primary:hover { border-color: #2f7d4a !important; }
.focus\:border-brand-primary:focus { border-color: #2f7d4a !important; }
.focus\:ring-brand-primary:focus { --tw-ring-color: #2f7d4a !important; }
.hover\:bg-brand-deep:hover { background-color: #123524 !important; }
.hover\:bg-brand-lavender:hover { background-color: #c8e6c9 !important; }
.hover\:text-brand-primary:hover { color: #2f7d4a !important; }

.shadow-soft {
  --tw-shadow: 0 18px 60px rgba(31, 95, 58, 0.14) !important;
  --tw-shadow-colored: 0 18px 60px var(--tw-shadow-color) !important;
}

.border-y.border-brand-border,
.border-t.border-brand-border,
.border-b.border-brand-border {
  border-color: #c8e6c9 !important;
}

.rounded-lg.border.border-brand-border.bg-white,
.rounded-md.border.border-brand-border.bg-white,
.rounded-lg.border.border-brand-border,
.rounded-md.border.border-brand-border {
  box-shadow: 0 12px 36px rgba(31, 95, 58, 0.08);
}
/* Green variant header fix: show primary links before the full desktop breakpoint. */
@media (min-width: 768px) {
  header .container {
    gap: 1rem !important;
  }

  header nav.hidden {
    display: flex !important;
    gap: 1rem !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 900px) {
  header nav.hidden {
    gap: 1.25rem !important;
    font-size: 0.875rem !important;
  }
}

@media (max-width: 767.98px) {
  header nav.hidden {
    display: none !important;
  }
}