<nav class="top-nav" id="topNav">
  <div class="nav-inner">
    <a href="{{ '/' | relative_url }}" class="nav-brand">
      <img src="{{ site.icon_url }}" alt="Murine Launcher" class="nav-icon">
      <span class="nav-title">Murine Launcher</span>
    </a>

    <div class="nav-actions">
      <a href="{{ '/' | relative_url }}" class="nav-link {% if page.url == '/' or page.url == '/index.html' %}active{% endif %}">
        <span class="material-symbols-outlined">home</span>
        <span class="nav-link-label">Home</span>
      </a>
      <a href="{{ '/download' | relative_url }}" class="nav-pill {% if page.url contains 'download' %}active{% endif %}">
        <span class="material-symbols-outlined">download</span>
        <span class="nav-link-label">Download</span>
      </a>
      <button class="nav-icon-btn" id="themeToggle" aria-label="Toggle theme">
        <span class="material-symbols-outlined" id="themeIcon">dark_mode</span>
      </button>
    </div>
  </div>
</nav>
