/* Icon Styling for UX Icons */
.icon {
    width: 1.25em;
    height: 1.25em;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Specific sizing for different contexts */
.icon-sm {
    width: 1em;
    height: 1em;
}

.icon-md {
    width: 1.25em;
    height: 1.25em;
}

.icon-lg {
    width: 1.5em;
    height: 1.5em;
}

/* Icon spacing when used with text */
.nav-link-text {
    padding-left: 0.3rem;
}

/* Sidebar specific icon styling */
.sidebar .nav-link .icon {
    width: 1.5em;
    height: 1.5em;
    /* margin-right: 0.5rem; */
}

/* Theme toggle icon styling */
.btn .icon {
    width: 1.125em;
    height: 1.125em;
}

/* Collapse button icon styling */
.sidebar-collapse-btn .icon {
    width: 1em;
    height: 1em;
}