:root {
  --navy: #0F2D5C;
  --orange: #F7941D;
  --text: #1E2A3A;
  --muted: #64748B;
  --border: #E7ECF3;
  --surface: #FFFFFF;
  --bg: #F7F9FC;
}
body { background: var(--bg); }
.site-header { box-shadow: 0 8px 24px rgba(15,45,92,0.06); }
.nav-links { list-style: none; display: flex; padding: 0; margin: 0; }
.nav-links li { margin: 0; }
.nav-links a { padding: 0.5rem 0.75rem; border-radius: 999px; }
.nav-links a:hover { background: rgba(15,45,92,0.06); }
.post-card a, .card a { text-decoration: none; }
img { border-radius: 16px; }
.comment-form input, .comment-form textarea { width: 100%; padding: 0.8rem 1rem; border: 1px solid var(--border); border-radius: 12px; margin-bottom: 0.8rem; }
.comment-form .submit { border: none; cursor: pointer; }

/* Logo sizing and header tweaks */
.brand {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.brand-mark {
  width: 72px;
  height: 72px;
  min-width: 72px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15,45,92,0.15), rgba(247,148,29,0.18));
}
.brand-mark img,
.brand-mark svg {
  max-height: 46px;
  max-width: 46px;
  width: auto;
  height: auto;
  display: block;
}
.brand-mark svg { color: var(--navy); }

/* Small responsive tweak */
@media (max-width: 640px) {
  .brand-mark { width: 56px; height: 56px; min-width: 56px; }
  .brand-mark img, .brand-mark svg { max-height: 34px; max-width: 34px; }
}