/* Let Bootstrap's text-* utilities set the colour; don't override color here */
.fa, .fas, .far, .fal, .fab, .fa-solid, .fa-brands {
  filter: none !important;   /* remove any accidental grayscale only */
}

/* Sizes you use */
.icon-os { font-size: 1.1rem; line-height: 1; }
.icon-lg { font-size: 2rem;  line-height: 1; }

/* Ensure Font Awesome icons KEEP Bootstrap text-* colors even inside cards/links */
.fa.text-primary, .fa-solid.text-primary, .fa-brands.text-primary { color: var(--bs-primary) !important; }
.fa.text-success, .fa-solid.text-success, .fa-brands.text-success { color: var(--bs-success) !important; }
.fa.text-info,    .fa-solid.text-info,    .fa-brands.text-info    { color: var(--bs-info) !important; }
.fa.text-danger,  .fa-solid.text-danger,  .fa-brands.text-danger  { color: var(--bs-danger) !important; }
.fa.text-dark,    .fa-solid.text-dark,    .fa-brands.text-dark    { color: var(--bs-dark) !important; }

/* (Keep your existing size helpers) */
.icon-lg { font-size: 2rem; line-height: 1; }
.icon-os { font-size: 1.1rem; line-height: 1; }