{{define "color-theme-switcher"}}
<!-- Color Theme Switcher (Light/Dark/Auto) - Cycles on click -->
<!-- IMPORTANT: This controls COLOR theme, NOT layout theme (.theme-clean) -->
<button id="color-theme-switcher"
        class="color-theme-switcher no-print"
        aria-label="Toggle color theme"
        title="Toggle color theme">
  <iconify-icon id="themeIcon" icon="mdi:theme-light-dark" width="28" height="28"></iconify-icon>
</button>

<!-- Hidden buttons for compatibility (not displayed) -->
<div style="display: none;">
  <button class="theme-option-btn" data-theme-mode="light"></button>
  <button class="theme-option-btn" data-theme-mode="dark"></button>
  <button class="theme-option-btn active" data-theme-mode="auto"></button>
</div>
{{end}}