:root {
  --af-bg: #f7f4ea;
  --af-surface: #ffffff;
  --af-olive: #7c8a1e;
  --af-olive-dark: #5c6716;
  --af-terra: #c2622d;
  --af-terra-dark: #9d4d21;
  --af-ink: #2c2a22;
  --af-muted: #787264;
  --af-border: #e6e0cf;
  --af-head: "Bitter", Georgia, serif;
  --af-body: "Mulish", Helvetica, Arial, sans-serif;
}

.af-body {
  background-color: #f7f4ea;
  color: #2c2a22;
  font-family: "Mulish", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  display: flex; flex-direction: column; min-height: 100vh;
}
.af-main { flex: 1 0 auto; }

h1, h2, h3, h4, .af-h, .af-brand, .af-hero-title, .card-title.af-h {
  font-family: "Bitter", Georgia, serif !important;
  color: #5c6716;
  line-height: 1.2;
}
h1, .af-hero-title { font-size: 38px; font-weight: 700; }
h2 { font-size: 28px; font-weight: 700; }
h3 { font-size: 21px; font-weight: 600; }

/* nav */
.af-navbar { background-color: #7c8a1e !important; }
.af-navbar .af-brand, .af-navbar .brand-logo { font-family: var(--af-head); color: #ffffff !important; }
.af-navbar a { color: #ffffff; }
.af-navbar .dropdown-content li > a { color: #7c8a1e; }
.dropdown-content { background: #ffffff; }
.sidenav li > a { color: #5c6716; }
.af-sub { padding-left: 38px !important; font-size: 0.9rem; }

/* hero */
.af-hero { background: linear-gradient(135deg, #7c8a1e 0%, #5c6716 100%); color: #ffffff; padding: 3rem 0; }
.af-hero-title { color: #ffffff; }
.af-hero-sub { color: #eef0d8; }

/* sections / prose */
.af-section { padding: 2.5rem 0; }
.af-prose { background: #ffffff; border: 1px solid #e6e0cf; border-radius: 6px; padding: 2rem 2.25rem; box-shadow: 0 2px 6px rgba(92,103,22,0.06); }
.af-prose img, .af-img { max-width: 100%; height: auto; border-radius: 4px; }
.af-prose a { color: #c2622d; text-decoration: underline; text-decoration-color: #e6e0cf; }
.af-prose a:hover { color: #9d4d21; text-decoration-color: #c2622d; }
.af-muted { color: #787264; }
.af-quote { border-left: 4px solid #c2622d; padding-left: 1rem; color: #2c2a22; background: #f7f4ea; font-style: italic; }
.af-listing-title { border-bottom: 2px solid #c2622d; padding-bottom: 0.4rem; margin-bottom: 1.5rem; }
.af-divider { background-color: #e6e0cf; }
.af-toc { background: #f7f4ea; border: 1px solid #e6e0cf; border-radius: 6px; padding: 1rem 1.25rem; }
.breadcrumb, .af-breadcrumb-nav { color: #787264; }
.af-breadcrumb-nav { background: transparent; }
.af-breadcrumb-nav .breadcrumb { color: #c2622d; }

/* cards */
.af-card .card-title a { color: #5c6716; }
.af-card .card-title a:hover { color: #c2622d; }
.read-more { color: #c2622d !important; font-weight: 700; }
.read-more:hover { color: #9d4d21 !important; }

/* footer */
.af-footer { background-color: #5c6716 !important; }
.af-footer .af-brand { color: #f3d9a6; font-family: var(--af-head); }
.af-footer, .af-footer p { color: #e8ead0; }
.af-footer-sitemap { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.af-footer-link { color: #e8ead0; text-decoration: none; font-size: 0.9rem; }
.af-footer-link:hover { color: #f3d9a6; }
.af-footer .footer-copyright { background: rgba(0,0,0,0.2); color: #d3d7b5; }

@media print { .af-navbar, .af-footer { display: none; } }