/* ============================================================
   Tiszta Zóna — közös token-forrás
   ============================================================

   Miért létezik ez a fájl:

   A webhely két rendszerből áll. A 15 „hub” lap (főoldal, cégeknek,
   szolgáltatások…) beágyazott <style> blokkból dolgozik, az 59 „leaf” lap
   (települések, szolgáltatás-lapok, cikkek) a site.css-ből. Ugyanaz a paletta
   eddig KÉT helyen állt, két néven (--txt / --text), és emiatt szét is
   csúszott:

     - a --grns tokent csak az index.html definiálta, a másik 14 hub lap nem;
     - a 404.html-ből hiányzott a --bg3, --grnd, --shadow, --shadow-sm;
     - a --grnd sötét témában ELTÉRT: a hub #13321f-et adott, a site.css
       #7fd3a0-t. Mind a 16 használata hivatkozás-szín egérrel fölé érve
       (data-hover="color:var(--grnd)"), és a #13321f a sötét háttéren
       1,40:1 kontrasztot ad — vagyis a hivatkozás fölé érve gyakorlatilag
       eltűnt a szöveg. Élő böngészőben visszamérve: rgb(54,161,98) →
       rgb(19,50,31). A #7fd3a0 ugyanott 10,89:1. Ezért a világos érték nyer.

   Mindkét névkészlet itt van, hogy egyik rendszerhez se kelljen hozzányúlni:
   a hosszú név a forrás, a rövid var()-ral hivatkozik rá, így a téma
   felülírásait magától követi.
   ============================================================ */

:root{
  /* ── alap felületek ─────────────────────────────────────── */
  --bg:#faf8f2; --bg2:#f1ede2; --bg3:#fcfbf6;
  --surface:#f1ede2; --panel:#faf8f2;

  /* ── szöveg ─────────────────────────────────────────────── */
  --text:#1a1d15; --muted:#5b6150; --muted2:#676b5c;

  /* ── vonalak ────────────────────────────────────────────── */
  --border:rgba(21,33,26,.10); --line:rgba(21,33,26,.10); --line2:rgba(21,33,26,.17);

  /* ── zöld és kiegészítők ────────────────────────────────────
     Kontraszt-korrekció: a régi értékek a WCAG 4,5:1 alatt voltak,
     méghozzá a legtöbbet használt színeknél:
       zöld   #1f8a4c: 4,12 / 3,98 / 3,74  ->  #1b7a43: 5,06 / 4,88 / 4,59
       muted2 #8d9181: 3,04 / 2,76         ->  #676b5c: 5,16 / 4,68
       homok  #a98a5c: 3,05 / 2,95         ->  #7d6239: 5,38 / 5,19
     (a három szám a #faf8f2, a #eef6f0 és a #f1ede2 háttérre vonatkozik) */
  --green:#1b7a43; --green-soft:#1b7a43; --green-light:#1b7a43;
  --green-deep:#eef6f0; --accent-line:#1b7a43;
  --wash:#eef6f0; --glow:rgba(27,122,67,.20); --sand:#7d6239;
  /* A zöld gombok felirata. Világosban fehér (5,37:1 az új zöldön), sötétben
     viszont a világosabb #36a162-n a fehér csak 3,27:1 lenne, ezért ott sötét. */
  --on-green:#fff;
  /* Hivatkozás színe egérrel fölé érve. */
  --grnd:#0f5132;

  --nav:rgba(255,255,255,.80);
  --shadow:0 18px 50px rgba(20,40,28,.10); --shadow-sm:0 8px 26px rgba(20,40,28,.07);

  /* ── méretek, betűk, mozgás ─────────────────────────────── */
  --max:1180px; --radius:20px;
  --display:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  --body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;
  --ease-out:cubic-bezier(.2,.7,.3,1);

  /* ── a hub-lapok rövid nevei ─────────────────────────────────
     var()-ral hivatkoznak, tehát a sötét téma felülírásait maguktól követik. */
  --txt:var(--text);
  --mut:var(--muted);
  --mut2:var(--muted2);
  --ln:var(--line);
  --ln2:var(--line2);
  --grn:var(--green);
  --grns:var(--green-soft);
  --ongrn:var(--on-green);
}

/* A választó szándékosan attribútum-alapú, nem html[...]: így a hub-lapok
   ([data-theme="dark"]) és a leaf-lapok (html[data-theme="dark"]) is fogják. */
[data-theme="dark"]{
  --bg:#0c0d09; --bg2:#14150f; --bg3:#1b1d15;
  --surface:#14150f; --panel:#14150f;
  --text:#f0f1e8; --muted:rgba(238,241,234,.66); --muted2:rgba(238,241,234,.55);
  --border:rgba(255,255,255,.10); --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.18);
  --green:#36a162; --green-soft:#7fd3a0; --green-light:#7fd3a0; --green-deep:#13321f;
  --accent-line:#36a162;
  --wash:rgba(54,161,98,.10); --glow:rgba(54,161,98,.28); --sand:#c8a978;
  --on-green:#08150d;
  /* 10,89:1 a sötét háttéren. A korábbi hub-érték (#13321f) 1,40:1 volt. */
  --grnd:#7fd3a0;
  --nav:rgba(10,13,10,.72);
  --shadow:0 22px 60px rgba(0,0,0,.5); --shadow-sm:0 12px 34px rgba(0,0,0,.4);
}

/* ---------- Közös elrendezési alap ----------
   A tartalomszélesség eddig KÉTFÉLEKÉPPEN állt: a leaf-lapokon a site.css
   .container osztályaként, a hub-lapokon 156 helyre bemásolt inline
   stílusként (`width:min(92%,1180px);margin:0 auto`). Ugyanaz az érték,
   két forrásból. Mostantól egy szabály, mindkét rendszernek. */
.container{width:min(92%,var(--max));margin:0 auto;}