:root {
  --plant-primary: #1f6f43;
  --plant-primary-dark: #155633;
  --plant-primary-soft: #e8f5ee;
  --plant-accent: #86a83e;
  --plant-earth: #7a6a38;
  --plant-ink: #20372b;
  --plant-muted: #6f8176;
  --plant-border: #d6e5db;
  --plant-bg: #eef6f0;
}

body {
  background:
    radial-gradient(circle at 16px 18px, rgba(31, 111, 67, .08) 0 2px, transparent 3px),
    linear-gradient(180deg, #f6fbf7 0%, var(--plant-bg) 45%, #e7f1ea 100%) !important;
  color: var(--plant-ink);
}

.header.header-fixed {
  background: white !important;
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  box-shadow: 0 6px 18px rgba(21, 86, 51, .22);
}

.header .title,
.header .menu-toggler i {
  color: #000000 !important;
}

.header .logo-dark {
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

.plant-back-btn,
.header .header-content .left-content > button {
  background: rgba(0, 0, 0, 0.14) !important;
  border: 1px solid rgba(53, 53, 53, 0.38) !important;
  border-radius: 8px !important;
}

.plant-back-btn svg,
.header .header-content .left-content > button svg {
  fill: #000 !important;
}

#mob-refresh-button {
  background: rgba(65, 65, 65, 0.16) !important;
  border: #000 !important;
  border-radius: 8px;
  box-shadow: none !important;
}

.sidebar {
  background: #f7fbf8 !important;
}

.sidebar .author-box {
  background: linear-gradient(135deg, #ecf7ef, #ffffff);
  border: 1px solid var(--plant-border);
  border-radius: 8px;
  margin: 12px;
}

.sidebar .nav-link {
  color: var(--plant-ink) !important;
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
  background: var(--plant-primary-soft) !important;
  color: var(--plant-primary-dark) !important;
}

.menubar-area {
  background: #507e5c !important;
  border-top: 1px solid var(--plant-border) !important;
  box-shadow: 0 -8px 24px rgba(31, 111, 67, .12);
}

.menubar-area .menubar-nav .nav-link {
  color: #d1d1d1 !important;
}

.menubar-area .menubar-nav .nav-link.active {
  color: white !important;
}

.menubar-area .menubar-nav .nav-link.active:after {
  background: white !important;
}

.btn-primary,
.submit-btn {
  background: var(--plant-primary) !important;
  border-color: var(--plant-primary) !important;
}

.btn-primary:hover,
.submit-btn:hover {
  background: var(--plant-primary-dark) !important;
  border-color: var(--plant-primary-dark) !important;
}

.form-control:focus,
.form-select:focus,
.form-control-mobile:focus {
  border-color: var(--plant-primary) !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 67, .14) !important;
}

.modal-content {
  border: 1px solid var(--plant-border);
  border-radius: 10px;
  overflow: hidden;
}

.modal-header {
  background: var(--plant-primary-soft);
  color: var(--plant-ink);
}