:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#444;
  --hover:#333333;
  --border:#e0e0e0;
  --card-bg:#f4f4f4;
  --shadow:0 8px 30px rgba(0,0,0,0.08);
  --radius:16px;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html,body{ height:100%; }
body{
  background:var(--bg);
  color:var(--text);
  font-family: Arial, sans-serif;
}

a{ color:inherit; text-decoration:none; }

header{
  padding:1rem 2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--border);
}

.site-title{
  font-size:1rem;
  font-weight:700;
  letter-spacing:0.5px;
}

.nav-link{
  font-size:0.85rem;
  color:var(--text);
  transition:color .2s ease;
}
.nav-link:hover{ color:var(--hover); }

@media (max-width:600px){
  header{ padding:1rem 1.25rem; }
}