.theme-toggle {
    cursor: pointer;
}

/* Theme toggle icons - controlled by data-theme attribute to prevent flicker */
[data-theme="light"] #sun-icon { display: none !important; }
[data-theme="light"] #moon-icon { display: block !important; }
[data-theme="dark"] #sun-icon { display: block !important; }
[data-theme="dark"] #moon-icon { display: none !important; }