/* @fonts aleo:600,700|wix-madefor-text:400,500,600,700 */
/*
 * Motyw „Las” — leśnictwo, tartaki, stolarnie, szkółki i urządzanie ogrodów.
 * Ciemnozielony nagłówek i sekcja otwierająca, jasne, lekko ciepłe tło, akcent w kolorze drewna.
 * Nagłówki: slabowy Aleo, tekst: Wix Madefor Text.
 */
:root {
  --font-body: "Wix Madefor Text", "Segoe UI", system-ui, sans-serif;
  --font-display: "Aleo", Georgia, "Times New Roman", serif;
  --display-weight: 700;
  --display-tracking: -0.01em;

  --bg: #f5f4ee;
  --surface: #ffffff;
  --surface-2: #e9e8dd;
  --border: #d8d6c6;
  --border-strong: #9a9881;
  --text: #1a2119;
  --text-2: #3a4338;
  --muted: #566053;

  --primary: #1f4d33;
  --primary-ink: #ffffff;
  --primary-soft: #dbe9df;
  --link: #1f4d33;

  --accent: #b98045;
  --accent-ink: #45280c;
  --accent-soft: #f3e4d1;
  --accent-on: #1d1002;

  --ok: #1c6a3f;
  --danger: #a3261c;

  --header-bg: #173a27;
  --header-text: #f2f5ee;
  --header-border: #2c5a40;

  --hero-bg: #1f4d33;
  --hero-text: #ffffff;
  --hero-muted: #cddfd2;

  --footer-bg: #10291b;
  --footer-text: #d7e3da;
  --footer-muted: #98b0a0;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #dcb183;

  --radius: 6px;
  --radius-lg: 10px;
  --shadow: 0 1px 2px rgba(16, 41, 27, .06), 0 14px 30px -20px rgba(16, 41, 27, .4);
}

.brand__mark { background: var(--accent); color: var(--accent-on); }
.hero .btn--primary { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
.site-header :focus-visible, .site-header .input:focus { outline-color: var(--header-text); }
/* przycisk szukania w nagłówku w kolorze akcentu — kolor marki zlewa się z tłem nagłówka */
.site-header .btn--primary { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
/* listwa w kolorze drewna nad stopką */
.site-footer { border-top: 5px solid var(--accent); }
.prose blockquote { border-left-color: var(--accent); }
.hero .filters label { color: var(--hero-muted); }
.hero :focus-visible, .hero .input:focus, .hero .select:focus { outline-color: var(--hero-text); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }