/* Design tokens use the explicit brand-config mapping in
   brand-configs/wekerlepluszfelujitas.hu.json. variant.lock.json selects the
   structural template; domain-specific refinements follow the token block.
   palette: forest-ledger (established, financial, steady)
   type:    local-hungarian-system
   usage:   Gold accent marks proof points and pricing emphasis only. Primary carries navigation and CTA. */
:root {
  --background-color: #FFFFFF;
  --surface-color: #FFFFFF;
  --default-color: #3A433D;
  --heading-color: #161A17;
  --accent-color: #1C4532;
  --contrast-color: #FFFFFF;
  --default-font: 'Segoe UI', Tahoma, sans-serif;
  --heading-font: Georgia, Cambria, serif;
  --nav-font: Georgia, Cambria, serif;
  --nav-mobile-background-color: #FFFFFF;
  --nav-dropdown-background-color: #FFFFFF;
  --nav-dropdown-color: #161A17;
  --nav-dropdown-hover-color: #1C4532;
}

.light-background {
  --background-color: #F1F5F2;
  --surface-color: #FFFFFF;
}

.dark-background {
  --background-color: #161A17;
  --default-color: #FFFFFF;
  --heading-color: #FFFFFF;
  --surface-color: #3A433D;
  --accent-color: #B78628;
  --contrast-color: #161A17;
  --nav-color: rgba(255, 255, 255, 0.85);
  --nav-hover-color: #B78628;
}

/* The brand-colour block scope. 14 templates use it, and techie-pro applies it
   to the HERO - so omitting it leaves the most visible section of the page in
   the template's stock colour while everything else themes correctly. */
.accent-background {
  --background-color: #1C4532;
  --default-color: #FFFFFF;
  --heading-color: #FFFFFF;
  --accent-color: #FFFFFF;
  --surface-color: #14301F;
  --contrast-color: #1C4532;
  --nav-color: rgba(255, 255, 255, 0.85);
  --nav-hover-color: #FFFFFF;
}

.transparent-background {
  --background-color: transparent;
  --surface-color: transparent;
}

body {
  font-size: 17px;
  line-height: 1.65;
}

/* The imported themes ship muted helper text at their own grey, which survives
   a palette override and fails WCAG AA. axe measured 2.34:1 on .fst-italic
   (#a3aab4 on white) on the first real page. Pin these to the palette's
   secondary ink, which is contrast-checked. */
.fst-italic, .text-muted, small, figcaption {
  color: #3A433D !important;
}

/* A long wordmark wraps at 375px and collides with the hero heading beneath a
   transparent overlay header. Cap it so the two never overlap. */
@media (max-width: 575.98px) {
  .logo h1, .logo .sitename, .navbar-brand {
    font-size: 1.05rem !important;
    line-height: 1.2;
  }
}

/* Original Wekerle house cutaway. Decorative only; no third-party requests. */
.layout-project .hero-panel::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 34rem;
  aspect-ratio: 8 / 5;
  margin: 1.25rem auto 0;
  background: url("/assets/wekerle-house-cutaway.svg") center / contain no-repeat;
}

/* The project layout has four editorial resources; keep the grid balanced. */
.layout-project .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 650px) { .layout-project .news-list { grid-template-columns: 1fr; } }