/* TORUNNO Midnight Fusion Reverse — ruby primary, lime secondary. */
html[data-theme="midnight-fusion-reverse"] {
  /* Swap the role values used by the existing storefront tokens. */
  --ruby: #c7f464; /* secondary lime */
  --lime: #ff4d6d; /* primary ruby, for existing legacy rules */
  --accent: #ff4d6d;
  --classic-accent: #ff4d6d;
  --classic-line: color-mix(in srgb, var(--ink) 15%, var(--ruby) 28%);
}
html[data-theme="midnight-fusion-reverse"] .main-nav a.nav-active {
  color: var(--ruby) !important;
  border-bottom-color: var(--ruby) !important;
}
html[data-theme="midnight-fusion-reverse"] .main-nav a:hover:not(.nav-active) {
  color: var(--ruby) !important;
  border-bottom-color: var(--ruby) !important;
}
html[data-theme="midnight-fusion-reverse"] .nav-coming-soon span {
  color: var(--ruby) !important;
  border-color: color-mix(in srgb, var(--ruby) 68%, transparent) !important;
}
html[data-theme="midnight-fusion-reverse"] .classic-coming-panel .classic-eyebrow,
html[data-theme="midnight-fusion-reverse"] .classic-category-card em {
  color: var(--ruby) !important;
}
html[data-theme="midnight-fusion-reverse"] .classic-coming-panel {
  box-shadow: inset 3px 0 0 var(--ruby);
  border-color: color-mix(in srgb, var(--ruby) 45%, transparent) !important;
}
html[data-theme="midnight-fusion-reverse"] .classic-product-shell .product-tag,
html[data-theme="midnight-fusion-reverse"] .product-card .product-tag {
  background: var(--ruby) !important;
  color: #14190b !important;
  border-color: var(--ruby) !important;
}
html[data-theme="midnight-fusion-reverse"] .classic-product-shell .product-price,
html[data-theme="midnight-fusion-reverse"] .classic-product-shell .product-price strong {
  color: var(--lime) !important;
}
html[data-theme="midnight-fusion-reverse"] .classic-category-card:hover,
html[data-theme="midnight-fusion-reverse"] .classic-product-shell .quick-view:hover,
html[data-theme="midnight-fusion-reverse"] .classic-product-shell .product-tag {
  border-color: var(--ruby) !important;
}
html[data-theme="midnight-fusion-reverse"] :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--ruby) !important;
  outline-offset: 2px;
}