@media (forced-colors: active) {
  .btn, button, [role="button"] {
    border: 1px solid ButtonText;
  }

  :focus-visible {
    outline: 2px solid Highlight;
    outline-offset: 2px;
  }

  .card, .modal, .product-card, .order-card,
  .stat-card, .analytics-card, .coupon-card {
    border: 1px solid CanvasText;
  }

  a {
    color: LinkText;
  }

  input, select, textarea {
    border: 1px solid ButtonText;
  }

  .badge, .badge-sale, .badge-new, .badge-popular,
  .stock-out, .stock-low {
    border: 1px solid CanvasText;
    forced-color-adjust: none;
  }

  .product-image img {
    border: 1px solid CanvasText;
  }

  .sidebar-nav a[aria-current="page"],
  .sidebar-nav a.active {
    border-inline-start: 3px solid Highlight;
  }

  .rating-stars i {
    forced-color-adjust: none;
  }

  ::placeholder {
    color: GrayText;
  }

  .btn:disabled, button:disabled {
    border-color: GrayText;
    color: GrayText;
  }
}