.wrapper{width:min(90%,1200px);margin-inline:auto}
.logo span{font-weight:700;font-size:1.25rem;color:#fff}
.main-nav ul{list-style:none;display:flex;gap:1.5rem}
.main-nav a{color:#fff;font-weight:500}
.site-footer{background:var(--c-accent);color:#fff;padding:2rem 0;text-align:center;margin-top:4rem}
.loop article{padding:2rem 0;border-bottom:1px solid var(--c-muted)}
.social{display:flex;gap:1rem;margin-top:2rem}
.social a{font-size:1.75rem;color:var(--c-primary)}
@media (prefers-color-scheme:dark){
  :root{--c-bg:#1a1a1a;--c-text:#f8f8f8}
  body{background:var(--c-bg);color:var(--c-text)}
}