/**
 * BAND9AI brand palette — red, black, white only.
 * Loaded after design-system.css; overrides stray blues/golds/purples.
 */
:root {
  --ds-primary: #dc2626;
  --ds-primary-hover: #b91c1c;
  --ds-accent: #dc2626;
  --ds-success: #0a0a0a;
  --b9-red: #dc2626;
  --b9-red-dark: #b91c1c;
  --b9-red-soft: #fef2f2;
  --b9-red-border: #fecaca;
  --b9-black: #0a0a0a;
  --b9-white: #ffffff;
}

/* Tailwind CDN — map blue/indigo utilities to red or neutral */
[class*="text-blue-"],
[class*="text-indigo-"] {
  color: var(--b9-red) !important;
}
[class*="hover:text-blue-"]:hover,
[class*="hover:text-indigo-"]:hover {
  color: var(--b9-red-dark) !important;
}
[class*="bg-blue-"],
[class*="from-blue-"],
[class*="to-blue-"],
[class*="via-blue-"] {
  --tw-gradient-from: var(--b9-red-soft) !important;
  --tw-gradient-to: var(--b9-red-soft) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  background-color: var(--b9-red-soft) !important;
}
[class*="to-indigo-"],
[class*="from-indigo-"],
[class*="bg-indigo-"] {
  --tw-gradient-to: #fee2e2 !important;
  --tw-gradient-from: var(--b9-red-soft) !important;
  background-color: var(--b9-red-soft) !important;
}
[class*="border-blue-"],
[class*="border-indigo-"] {
  border-color: var(--b9-red-border) !important;
}
[class*="bg-blue-6"],
[class*="bg-blue-7"],
[class*="bg-blue-8"],
[class*="bg-red-6"],
[class*="bg-red-7"] {
  background-color: var(--b9-red) !important;
}
[class*="hover:bg-blue-"]:hover,
[class*="hover:bg-red-7"]:hover,
[class*="hover:bg-red-8"]:hover {
  background-color: var(--b9-red-dark) !important;
}
[class*="ring-blue-"],
[class*="focus:ring-blue-"],
[class*="ring-indigo-"] {
  --tw-ring-color: var(--b9-red) !important;
}

.ds-input:focus {
  border-color: var(--b9-red);
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}

.landing-marketing .landing-check-icon,
.ds-list-check li::marker {
  color: var(--b9-black) !important;
}

#test-bundles .ace-cta-btn,
#test-bundles .ace-cta-btn.ace-cta-red {
  background-color: var(--b9-red) !important;
  border-color: var(--b9-red) !important;
  color: var(--b9-white) !important;
}

#test-bundles .ace-cta-btn.ace-cta-red:hover {
  background-color: var(--b9-red-dark) !important;
  border-color: var(--b9-red-dark) !important;
}

/* —— Interactive shadows & hovers (site-wide RBW) —— */
:root {
  --b9-shadow-sm: 0 4px 14px rgba(10, 10, 10, 0.1);
  --b9-shadow-red: 0 4px 16px rgba(220, 38, 38, 0.28);
  --b9-shadow-red-lg: 0 10px 28px rgba(220, 38, 38, 0.38);
  --b9-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .ds-btn-primary,
  .ds-btn-secondary,
  .landing-marketing .landing-btn-primary,
  .premium-engine .pe-btn-primary,
  .premium-engine .pe-btn-ace-red,
  .premium-engine .pe-hero-card--ace-red .pe-ace-face,
  .nav-reality-cta,
  .fi-card,
  #test-bundles .joker-card,
  .ace-cta-btn {
    transition: none !important;
  }
}

.nav-reality-cta {
  box-shadow: var(--b9-shadow-red) !important;
  transition:
    background-color 0.22s var(--b9-ease),
    box-shadow 0.22s var(--b9-ease),
    transform 0.22s var(--b9-ease) !important;
}

.nav-reality-cta:hover {
  box-shadow: var(--b9-shadow-red-lg) !important;
  transform: translateY(-2px);
}

.nav-reality-cta:active {
  transform: translateY(0);
}

.link-flywheel a.lf-primary {
  box-shadow: 0 4px 14px rgba(10, 10, 10, 0.18);
  transition:
    background 0.22s var(--b9-ease),
    box-shadow 0.22s var(--b9-ease),
    transform 0.22s var(--b9-ease);
}

.link-flywheel a.lf-primary:hover {
  background: #1a1a1a !important;
  box-shadow: 0 8px 22px rgba(10, 10, 10, 0.24);
  transform: translateY(-1px);
  text-decoration: none !important;
}

.landing-marketing .landing-offer-flip-front:hover {
  box-shadow: 0 12px 32px rgba(220, 38, 38, 0.12);
}

.landing-marketing .landing-card-featured.landing-offer-card--ace-gold:hover {
  border-color: rgba(220, 38, 38, 0.45);
}