:root{
  --g1: #35D86D;    /* svetlá akcent */
  --g2: #008980;    /* hlavná tmavšia */
  --g3: #003844;    /* hlboká tmavá */
  --black: #000000;
  --white: #ffffff;
  --muted: #666666;
}

/* reset / body */
body{ color:var(--black); background:var(--white); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }

/* header: biela, menu black */
.site-header{ background:var(--white); color:var(--black); border-bottom:1px solid rgba(0,0,0,0.06); position:sticky; top:0; z-index:50; }
.site-header .container{ display:flex; align-items:center; gap:18px; padding:14px; }
.site-header a{ color:var(--black); text-decoration:none; font-weight:600; margin-right:10px; }
.site-header a:hover{ color:var(--g2); }

/* footer: tmavá */
.site-footer{ background:var(--g3); color:var(--white); padding:18px 0; margin-top:30px; }

/* CTA / buttons */
.cta, .more, .btn, button{ background: linear-gradient(135deg,var(--g2),var(--g1)); color:var(--white); border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }

/* cards */
.card{ background:var(--white); border-radius:10px; box-shadow:0 8px 24px rgba(3,56,68,0.06); }

/* link accents */
a{ color:var(--g2); }
a:hover{ color:var(--g1); }

/* center BLOG title (if exists) */
h1{ color:var(--g3); }