html { scroll-behavior: smooth; }

    #color-grid.is-updating {
      opacity: 0.65;
      pointer-events: none;
      transition: opacity 0.2s ease;
    }
    #color-grid-empty {
      transition: opacity 0.25s ease;
    }
    .color-card:focus-visible {
      outline: 2px solid #dc2626;
      outline-offset: 4px;
      border-radius: 0.5rem;
    }
    #code-search.is-searching {
      border-color: #dc2626;
    }
    #filter-summary {
      transition: opacity 0.2s ease;
    }

    @media (prefers-reduced-motion: reduce) {
      #color-grid,
      #color-grid-empty,
      #filter-summary {
        transition: none !important;
      }
    }