/* Routes happy/light theme — replaces the dark "ink" sections with a sunny palette.
   Scope: elements tagged .rha by routes-happy.js (dark sections, footer, story cards). */

.rha {
  background: linear-gradient(180deg, #fffaf0 0%, #f0f6ff 100%) !important;
  color: #131722 !important;
}

footer.rha {
  background: linear-gradient(180deg, #f4f8ff 0%, #e9f1fd 100%) !important;
}

/* White text on dark → ink on light (skip elements that carry their own colored bg) */
.rha .text-white:not([class*="bg-"]) {
  color: #131722 !important;
}
.rha [class*="text-white/"] {
  color: #4a5265 !important;
}

/* Accent tints tuned for light backgrounds */
.rha .text-amber-300 { color: #d97706 !important; }
.rha .text-accent-400 { color: #e2680a !important; }
.rha .text-sky-300 { color: #0369a1 !important; }

/* Dark photo washes → soft white washes (text stays readable, mood stays bright) */
.rha [class*="from-ink"],
.rha [class*="from-black"],
.rha [class*="from-[#0c0a06]"],
.rha [class*="to-[#050b28]"],
.rha [class*="to-[#0c0a06]"],
.rha [class*="to-[#020617]"],
.rha [class*="via-ink"] {
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.62) 42%,
    rgba(255, 255, 255, 0.08) 100%
  ) !important;
}

/* Frosted white chips/glows on dark → soft brand tint */
.rha [class*="bg-white/1"],
.rha [class*="bg-white/2"] {
  background-color: rgba(19, 42, 142, 0.07) !important;
}
.rha [class*="border-white"] {
  border-color: #dfe6f3 !important;
}
.rha [class*="ring-white"] {
  --tw-ring-color: rgba(19, 42, 142, 0.14) !important;
}

/* Nested dark cards inside light sections */
.rha .bg-ink:not(.rha) {
  background-color: #ffffff !important;
  color: #131722 !important;
  box-shadow: 0 10px 30px rgba(19, 42, 142, 0.10) !important;
}

/* Soften the huge dark drop shadows on story cards */
.rha[class*="shadow-["] {
  box-shadow: 0 24px 60px -28px rgba(19, 42, 142, 0.28) !important;
}

/* Background hero images inside now-light sections: keep them airy */
.rha img.opacity-35 { opacity: 0.5 !important; }
