:root {
  --navy: #0A2948;
  --navy-deep: #061E37;
  --gold: #67BE3F;
  --gold-deep: #438C2B;
  --teal: #58A83B;
  --coral: #8BCB6B;
  --sky: #AEB4BA;
  --sky-light: #EDF2ED;
  --cream: #F7F8F6;
  --ink: #162331;
  --ink-soft: #52606B;
  --line: #D8DDD8;
}

.topbar {
  background: #fff;
  color: var(--navy-deep);
  border-bottom: 4px solid var(--green, #67BE3F);
  box-shadow: 0 5px 18px rgba(6, 30, 55, 0.08);
}

.brand {
  color: var(--navy-deep);
  text-decoration: none;
  min-width: 84px;
}

.brand-logo {
  width: 84px;
  height: 66px;
  object-fit: contain;
}

.navlinks a { color: var(--navy-deep); }
.navlinks a:hover { background: rgba(103, 190, 63, 0.13); color: var(--navy-deep); }
.navlinks a.current { background: var(--gold); color: var(--navy-deep); }
.lang-toggle { border-color: rgba(6, 30, 55, 0.3); }
.lang-toggle button { color: rgba(6, 30, 55, 0.68); }
.lang-toggle button.active { background: var(--navy-deep); color: #fff; }

.footer-logo {
  width: min(280px, 78vw);
  height: auto;
  display: block;
  margin: 0 auto 16px;
  padding: 12px 16px;
  box-sizing: content-box;
  background: #fff;
  border: 1px solid rgba(255,255,255,0.7);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.28);
}

footer .foot-email { color: #8BCB6B; }

@media (max-width: 760px) {
  .topbar { padding: 10px 16px 14px; }
  .brand { min-width: 72px; }
  .brand-logo { width: 72px; height: 55px; }
  .nav-right { gap: 10px; width: 100%; }
  .navlinks { gap: 3px; overflow-x: auto; padding-bottom: 2px; }
  .navlinks a { font-size: 12px; padding: 7px 10px; white-space: nowrap; }
}