/**
 * Shared accent treatments for collection_page_card.html (index grid + mega-menu).
 * Each accent is primary-led with a light secondary tint — avoids muddy mid-tone mixes.
 */

.collection-card-accent-media--0 {
  background: linear-gradient(
    145deg,
    rgb(48 111 141 / 0.44) 0%,
    rgb(48 111 141 / 0.3) 58%,
    rgb(100 81 144 / 0.12) 100%
  );
}

.collection-card-accent-media--1 {
  background: linear-gradient(
    145deg,
    rgb(195 91 40 / 0.42) 0%,
    rgb(195 91 40 / 0.28) 62%,
    rgb(48 111 141 / 0.09) 100%
  );
}

.collection-card-accent-media--2 {
  background: linear-gradient(
    145deg,
    rgb(100 81 144 / 0.42) 0%,
    rgb(100 81 144 / 0.28) 62%,
    rgb(195 91 40 / 0.1) 100%
  );
}

.collection-card-accent-overlay--0 {
  background: linear-gradient(
    to top,
    rgb(48 111 141 / 0.52) 0%,
    rgb(100 81 144 / 0.12) 28%,
    transparent 68%
  );
}

.collection-card-accent-overlay--1 {
  background: linear-gradient(
    to top,
    rgb(195 91 40 / 0.5) 0%,
    rgb(195 91 40 / 0.14) 32%,
    transparent 68%
  );
}

.collection-card-accent-overlay--2 {
  background: linear-gradient(
    to top,
    rgb(100 81 144 / 0.5) 0%,
    rgb(100 81 144 / 0.14) 32%,
    transparent 68%
  );
}

.collection-card-accent-dot--0 {
  background-color: var(--brand-teal);
}

.collection-card-accent-dot--1 {
  background-color: var(--brand-orange);
}

.collection-card-accent-dot--2 {
  background-color: var(--brand-purple);
}