/* =====================================================
   THEME-AWARE ICON COLORS
   ===================================================== */

/* Light Theme (Default) */
:root {
    --theme-icon-primary: #a1a5b7;
    /* Light theme primary icon color */
    --theme-icon-secondary: #dcdfe5;
    /* Light theme secondary icon color */
    --theme-icon-primary-orange: #ee5a36;
    /* Light theme primary orange icon color */
}

/* Dark Theme */
[data-bs-theme="dark"] {
    --theme-icon-primary: #5e6278;
    /* Dark theme primary icon color */
    --theme-icon-secondary: #a1a5b7;
    /* Dark theme secondary icon color (adjusted if needed) */
    --theme-icon-primary-orange: #bf5438;
    /* Dark theme primary orange icon color */

}

/* Icon Component Alignment */
.info-icon {
    vertical-align: middle;
    display: inline-block;
}