/* Icon Theme Control - Pure CSS Approach */

/* Base (Light Theme): Show light icons, hide dark icons */
.icon-light,
.theme-icon-light {
    display: inline-block;
}

.icon-dark,
.theme-icon-dark {
    display: none;
}

/* Dark Theme: Hide light icons, show dark icons */
[data-theme="dark"] .icon-light,
[data-theme="dark"] .theme-icon-light {
    display: none;
}

[data-theme="dark"] .icon-dark,
[data-theme="dark"] .theme-icon-dark {
    display: inline-block;
}