:root {
  --brand-accent: #6af0ad;
  --brand-accent-strong: #2ad488;
  --brand-accent-soft: #e9fbf2;
  --text-main: #1f2a24;
  --surface-soft: #f7fbf9;
  --surface-border: #dcefe5;
}

html[data-theme="light"] {
  --pst-color-primary: var(--brand-accent-strong);
  --pst-color-link: #1ca06a;
  --pst-color-link-hover: #167d52;
}

html[data-theme="dark"] {
  --pst-color-primary: var(--brand-accent);
  --pst-color-link: #7df5ba;
  --pst-color-link-hover: #a0f9cc;
  --pst-color-text-base: #e7efe9;
  --pst-color-text-muted: #b8cbc0;
}

.bd-header {
  background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-strong));
}

.bd-main .bd-content .bd-article-container {
  max-width: 1100px;
}

.bd-sidebar-primary {
  background: linear-gradient(180deg, #fbfefd 0%, #f3fbf7 100%);
  border-right: 1px solid var(--surface-border);
}

.sd-card {
  border-radius: 14px;
  border: 1px solid var(--surface-border);
  box-shadow: 0 6px 18px rgba(32, 78, 56, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.sd-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(32, 78, 56, 0.14);
}

.hero-section {
  border: 1px solid var(--surface-border);
  border-radius: 16px;
  padding: 1rem 1.2rem 0.2rem;
  margin-bottom: 1.4rem;
  background: linear-gradient(140deg, #ffffff 10%, #f1fbf5 100%);
  box-shadow: 0 8px 24px rgba(33, 82, 59, 0.1);
}

html[data-theme="dark"] .bd-sidebar-primary {
  background: linear-gradient(180deg, #101712 0%, #0d1410 100%) !important;
  border-right: 1px solid #2b3b33 !important;
}

html[data-theme="dark"] .bd-sidebar-primary a,
html[data-theme="dark"] .bd-sidebar-primary .nav-link {
  color: #d7e7de !important;
}

html[data-theme="dark"] .bd-sidebar-primary .nav-link:hover {
  color: #f0fbf5 !important;
  background: #1d2d25 !important;
}

html[data-theme="dark"] .bd-sidebar-primary .nav-link.active {
  color: #f4fdf8 !important;
  background: #233a2f !important;
  border-left: 3px solid var(--brand-accent) !important;
}

html[data-theme="dark"] .hero-section {
  color: #000000 !important;
}