/* Shared public navigation. Keep this stylesheet after page-specific styles. */
#site-header {
  --color-primary: #b1f36b;
  --color-primary-rgb: 177,243,107;
  --color-text-main: #f8fafc;
  --color-text-muted: #a2b1aa;
  --color-btn-primary-text: #14200c;
  --color-btn-primary-hover-text: #14200c;
  background: rgba(11,16,15,.94);
  border-bottom: 1px solid #ffffff14;
  backdrop-filter: blur(20px);
}
#site-header .nav-container { max-width: 1280px; }
#site-header .nav-links { gap: 20px; }
#site-header .nav-links a { font-size: 12px; }
#site-header .btn { border-radius: 8px; box-shadow: none; font-weight: 600; }
#site-header .btn-primary { background: var(--color-primary); border: 1px solid var(--color-primary); }
#site-header .btn-primary:hover { background: #c8ff91; transform: translateY(-2px); }
#site-header :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
:root[data-theme="light"] #site-header {
  --color-primary: #367821;
  --color-primary-rgb: 54,120,33;
  --color-text-main: #0f172a;
  --color-text-muted: #526156;
  --color-btn-primary-text: #fff;
  --color-btn-primary-hover-text: #fff;
  background: rgba(246,248,243,.95);
  border-bottom-color: #17352120;
}
:root[data-theme="light"] #site-header .btn-primary:hover { background: #285c19; }
@media(max-width: 1150px) {
  #site-header .nav-links { gap: 16px; background: rgba(11,16,15,.98); }
  #site-header .nav-links a { font-size: 15px; }
  :root[data-theme="light"] #site-header .nav-links { background: #f6f8f3; }
}