/* ============================================================
   Galaxy6189 – Szinkombináció E: Világos Bazaltszürke
   A D variáns nappalos/light verziója.
   Szürke dominál a bézs helyett, árnyalatnyi zöldes aláfestéssel.
   Betöltés: style.css UTÁN töltsd be.
   ============================================================ */

:root {
  --clr-bg:          #EDEEE9;       /* világos bazaltszürke – enyhén zöldes, nem bézs */
  --clr-bg-alt:      #E2E4DE;       /* köves szürke szekció háttér */
  --clr-surface:     #F5F5F2;       /* kártya, panel – majdnem fehér, de nem hideg */
  --clr-ink:         #37442e;       /* sötét, enyhén zöldes tinta */
  --clr-ink-muted:   #585E52;       /* mohaszürke muted szöveg */
  --clr-border:      #C8CCC3;       /* szürkészöld elválasztó */
  --clr-accent:      #637054;       /* mélyebb zsálya – visszafogott, földes */
  --clr-accent-dark: #637054;       /* hover */
  --clr-accent-warm: #8A7860;       /* agyagos másodlagos akcent */
  --clr-hero-over:   rgba(18, 22, 16, 0.50); /* hero overlay */
}

/* Header – sötét sáv, hogy elüssön a világos alaptól */
.site-header.is-top,
.site-header.is-scrolled {
  background: rgba(20, 24, 18, 0.35);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

/* Footer – sötét */
.site-footer {
  background: /*#252820*/#3a3830;
  color: #EDEEE9;
}

/* Gombok */
.btn {
  background: #8A9E7A;
  border-color: #637054;
  color: #fff;
}
.btn--light { background: #747d6d; }
.btn:hover,
.btn:focus-visible {
  background: #68795b;
  border-color: #68795b;
  color: #fff;
}
.btn--outline {
  background: transparent;
  color: #637054;
  border-color: #637054;
}
.btn--outline:hover,
.btn--outline:focus-visible {
  background: #637054;
  color: #fff;
}

/* Eyebrow */
.eyebrow {
  color: #8A9E7A;
}