/* ============================================
   Homepage vibrant palette overrides
   Loaded only on index.html (body.page-home)
   ============================================ */

body.page-home {
  --coral: #ff5e5b;
  --coral-dark: #e03e3b;
  --sunset: #ff8c42;
  --gold: #ffd93d;
  --gold-dark: #e6b800;
  --lime: #7ee081;
  --teal: #00d4aa;
  --cyan: #00c8ff;
  --sky: #4d9fff;
  --violet: #9b5de5;
  --magenta: #f72585;
  --indigo: #4361ee;
  --cream: #fff8f0;
  --ink: #1a1033;
  --ink-soft: #3d3560;
  --shadow: 0 8px 32px rgba(26, 16, 51, 0.12);
  --shadow-hover: 0 20px 48px rgba(26, 16, 51, 0.22);
}

body.page-home :focus-visible {
  outline-color: var(--cyan);
}

body.page-home .nav-dropdown-link:hover,
body.page-home .nav-dropdown-link:focus-visible {
  background: rgba(255, 217, 61, 0.18);
}

body.page-home .hero-slide-overlay {
  background: linear-gradient(
    135deg,
    rgba(26, 16, 51, 0.75) 0%,
    rgba(67, 97, 238, 0.45) 50%,
    rgba(247, 37, 133, 0.35) 100%
  );
}

body.page-home .hero-slide:nth-child(2) .hero-slide-overlay {
  background: linear-gradient(
    135deg,
    rgba(155, 93, 229, 0.7) 0%,
    rgba(0, 212, 170, 0.4) 60%,
    rgba(26, 16, 51, 0.6) 100%
  );
}

body.page-home .hero-slide:nth-child(3) .hero-slide-overlay {
  background: linear-gradient(
    135deg,
    rgba(255, 94, 91, 0.55) 0%,
    rgba(255, 217, 61, 0.35) 50%,
    rgba(26, 16, 51, 0.7) 100%
  );
}

body.page-home .section-eyebrow {
  color: var(--magenta);
}

body.page-home .categories {
  background: linear-gradient(
    180deg,
    var(--cream) 0%,
    #f0e8ff 50%,
    #e0f7fa 100%
  );
}

body.page-home .category-card--flower .category-card-bg {
  background: linear-gradient(145deg, #ff5e5b 0%, #ff8c42 100%);
}

body.page-home .category-card--flower:hover {
  box-shadow: 0 20px 48px rgba(255, 94, 91, 0.45);
}

body.page-home .category-card--concentrates .category-card-bg {
  background: linear-gradient(145deg, #9b5de5 0%, #7209b7 100%);
}

body.page-home .category-card--concentrates:hover {
  box-shadow: 0 20px 48px rgba(155, 93, 229, 0.45);
}

body.page-home .category-card--edibles .category-card-bg {
  background: linear-gradient(145deg, #ffd93d 0%, #ff8c42 100%);
}

body.page-home .category-card--edibles:hover {
  box-shadow: 0 20px 48px rgba(255, 217, 61, 0.45);
}

body.page-home .category-card--wellness .category-card-bg {
  background: linear-gradient(145deg, #00d4aa 0%, #00c8ff 100%);
}

body.page-home .category-card--wellness:hover {
  box-shadow: 0 20px 48px rgba(0, 212, 170, 0.45);
}

body.page-home .category-card--accessories .category-card-bg {
  background: linear-gradient(145deg, #f72585 0%, #b5179e 100%);
}

body.page-home .category-card--accessories:hover {
  box-shadow: 0 20px 48px rgba(247, 37, 133, 0.45);
}

body.page-home .category-card--prerolls .category-card-bg {
  background: linear-gradient(145deg, #4361ee 0%, #4cc9f0 100%);
}

body.page-home .category-card--prerolls:hover {
  box-shadow: 0 20px 48px rgba(67, 97, 238, 0.45);
}

body.page-home .category-card--vapes .category-card-bg {
  background: linear-gradient(145deg, #7ee081 0%, #38b000 100%);
}

body.page-home .category-card--vapes:hover {
  box-shadow: 0 20px 48px rgba(126, 224, 129, 0.45);
}

body.page-home .category-card--tinctures .category-card-bg {
  background: linear-gradient(145deg, #e040fb 0%, #7c4dff 100%);
}

body.page-home .category-card--tinctures:hover {
  box-shadow: 0 20px 48px rgba(224, 64, 251, 0.45);
}

body.page-home .category-card--cbd .category-card-bg {
  background: linear-gradient(145deg, #00c8ff 0%, #0096c7 100%);
}

body.page-home .category-card--cbd:hover {
  box-shadow: 0 20px 48px rgba(0, 200, 255, 0.45);
}

body.page-home .carousel-viewport:focus-visible {
  outline-color: var(--cyan);
}

body.page-home .btn-card:hover {
  box-shadow: 0 4px 16px rgba(255, 217, 61, 0.4);
}

body.page-home .section-footer-link a:hover {
  color: var(--cyan);
}

body.page-home .shop-mood .carousel-btn:hover:not(:disabled),
body.page-home .shop-mood .carousel-btn:focus-visible:not(:disabled) {
  background: var(--violet);
  border-color: var(--violet);
}

body.page-home .shop-mood .carousel-viewport:focus-visible {
  outline-color: var(--violet);
}

body.page-home .mood-tile:hover,
body.page-home .mood-tile:focus-visible {
  box-shadow: 0 16px 40px rgba(155, 93, 229, 0.35);
}

body.page-home .values-strip {
  background: linear-gradient(90deg, var(--violet), var(--indigo), var(--teal));
}

body.page-home .newsletter-banner {
  background: linear-gradient(
    135deg,
    var(--teal) 0%,
    var(--cyan) 50%,
    var(--sky) 100%
  );
  box-shadow: 0 16px 48px rgba(0, 200, 255, 0.25);
}

body.page-home .med-card-cta-banner {
  background: linear-gradient(
    135deg,
    var(--indigo) 0%,
    var(--violet) 50%,
    var(--magenta) 100%
  );
  box-shadow: 0 16px 48px rgba(155, 93, 229, 0.3);
}

body.page-home .footer-links a:hover {
  color: var(--indigo);
}