.bg-\[\#5447f4\] { background-color: #4F6688 !important; }
.bg-\[\#F9FAF0\] { background-color: #F6F6EE !important; }
.bg-\[\#a8a0a1\] { background-color: #7C8A99 !important; }
.bg-\[\#e3ff4f\] { background-color: #92A3BE !important; }
.bg-\[\#e3ff9f\] { background-color: #A9B8CE !important; }
.bg-\[\#f73\] { background-color: #D9776A !important; }
.bg-\[\#f9dff8\] { background-color: #DCE3EA !important; }
.bg-\[\#fb93f2\] { background-color: #C64233 !important; }
.bg-\[\#fff\] { background-color: #F6F6EE !important; }
.border-\[\#a8a0a1\] { border-color: #7C8A99 !important; }
.text-\[\#000\] { color: #2E3E52 !important; }
.text-\[\#404040\] { color: #2E3E52 !important; }
.text-\[\#5447f4\] { color: #4F6688 !important; }
.text-\[\#603425\] { color: #2E3E52 !important; }
.text-\[\#a8a0a1\] { color: #7C8A99 !important; }
.text-\[\#d88f00\] { color: #8C2E22 !important; }
.text-\[\#e3ff4f\] { color: #92A3BE !important; }
.text-\[\#e3ff9f\] { color: #A9B8CE !important; }
.text-\[\#f9dff8\] { color: #DCE3EA !important; }
.text-\[\#fb93f2\] { color: #C64233 !important; }
/* ===== LUVR Media theme override (applied after tailwind.css) ===== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Archivo+Black&family=Playfair+Display:ital@1&display=swap');

:root {
  --color-mvmnt-warmgrey:#7C8A99;
  --color-mvmnt-yellow:#92A3BE;
  --color-mvmnt-pink:#C64233;
  --color-mvmnt-darkbrown:#2E3E52;
  --color-mvmnt-gold:#8C2E22;
  --color-mvmnt-blue:#4F6688;
  --color-mvmnt-lightpink:#DCE3EA;
  --color-mvmnt-lightorange:#D9776A;
  --color-mvmnt-lightblue:#C3D0DE;
  --color-mvmnt-offwhite:#F6F6EE;
}

body {
  background-color: #4F6688 !important;
  overflow: auto !important;
  font-family: 'Space Grotesk', sans-serif !important;
}
h1, h2 { font-family: 'Archivo Black', sans-serif !important; }
.italic, em, h3, i { font-family: 'Playfair Display', serif !important; font-style: italic !important; }

#overlay-container h1, #overlay-container p {
  text-shadow: 0 0 20px rgb(198,66,51), 0 0 20px rgb(198,66,51), 0 0 20px rgb(198,66,51);
}
@media (max-width: 767px) {
  .overlay-gradient { background: linear-gradient(0deg, rgba(198,66,51,.85), rgba(198,66,51,.85) 75%, rgba(198,66,51,0)); }
}