/*
  DYONIC: FantasyGirls shared dark/rose/gold theme v1
  Purpose: align homepage, login, register, credits, girls index and persona pages.
*/
:root{
  --bg0:#070203!important;
  --bg1:#130408!important;
  --bg2:#050102!important;
  --text:#fff7fb!important;
  --txt:#fff7fb!important;
  --muted:rgba(255,226,235,.78)!important;
  --muted2:rgba(255,226,235,.58)!important;
  --card:rgba(24,6,12,.84)!important;
  --card2:rgba(36,10,20,.78)!important;
  --stroke:rgba(224,91,134,.26)!important;
  --stroke2:rgba(255,226,235,.14)!important;
  --gold:#f0c957!important;
  --gold2:#d6a84e!important;
  --rose:#e05b86!important;
  --pink:#c72f5f!important;
  --violet:#8b5cf6!important;
}

html,
body{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 18% 8%, rgba(224,91,134,.22), transparent 34%),
    radial-gradient(circle at 82% 14%, rgba(240,201,87,.10), transparent 35%),
    radial-gradient(circle at 48% 72%, rgba(139,92,246,.08), transparent 42%),
    linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 48%,var(--bg2) 100%)!important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,225,232,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,225,232,.014) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 84%);
}

.stage,
.wrap,
main,
#main{
  background:transparent!important;
}

.topbar,
header,
.nav,
.siteHeader{
  background:rgba(9,2,5,.76)!important;
  border-color:rgba(224,91,134,.24)!important;
  color:var(--text)!important;
}

.panel,
.card,
.personaCard,
.cardGirl,
.featuredStrip,
.featuredRail,
.dyAuthShell,
.dyChatShell,
.dyChatBox,
.meta,
details,
details.acc,
.dyFaqItem,
form,
.authCard,
.profileCard,
.checkoutCard,
.paymentCard,
.creditsCard{
  color:var(--text)!important;
  border-color:var(--stroke)!important;
  background:
    linear-gradient(180deg,rgba(255,226,235,.045),rgba(255,226,235,.018)),
    var(--card)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34)!important;
}

.photo,
.sigil,
.avatar,
.pimg,
.cardGirlPhoto{
  border-color:rgba(224,91,134,.20)!important;
}

.photo{
  background:
    radial-gradient(circle at 30% 22%, rgba(224,91,134,.16), transparent 38%),
    linear-gradient(180deg,rgba(24,6,12,.72),rgba(8,2,5,.92))!important;
}

h1,
h2,
h3,
h4,
.brand .name,
.meta .name,
.cardInfo h3,
.dyAuthTitle{
  color:#fff8fb!important;
}

.grad,
.eyebrow,
.promoHot,
strong,
b{
  color:var(--gold)!important;
}

.grad{
  background:linear-gradient(135deg,var(--rose),#ff8fb3 48%,var(--gold))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.lead,
.sub,
.subtxt,
.note,
.meta .vibe,
.cardBio,
.cardTags,
.dyAuthText,
.dyHelper,
p,
li,
small{
  color:var(--muted)!important;
}

.pill,
.btn,
button,
input,
textarea,
select{
  border-color:var(--stroke2)!important;
  color:var(--text)!important;
  background:rgba(255,226,235,.045)!important;
}

input,
textarea,
select{
  box-shadow:none!important;
  outline-color:rgba(224,91,134,.45)!important;
}

input::placeholder,
textarea::placeholder{
  color:rgba(255,226,235,.42)!important;
}

.btnPrimary,
.btn.primary,
button.primary,
[type="submit"],
.dyFgPromoBtn,
a[href*="register"],
a[href*="credits"],
a[href*="paypal"],
a[href*="recharge"]{
  border-color:rgba(224,91,134,.38)!important;
  background:linear-gradient(135deg,#a61e43,#c72f5f 52%,#e05b86)!important;
  color:#fff!important;
  box-shadow:0 22px 58px rgba(199,47,95,.24)!important;
}

.btn:hover,
button:hover,
.pill:hover{
  border-color:rgba(224,91,134,.42)!important;
  background:rgba(255,226,235,.075)!important;
}

a{
  color:inherit;
}

a:hover{
  color:#fff8fb!important;
}

.dyLightbox{
  background:rgba(5,0,3,.82)!important;
}

.dyLightbox img{
  border-color:rgba(255,226,235,.26)!important;
  background:rgba(8,2,5,.92)!important;
}

#chatDock,
#chatDockBody,
.dyInboxItem,
.dyChatPanel,
.dyMessage,
.dyComposer,
.dyTopupModal,
.dyTopupPanel{
  color:var(--text)!important;
  border-color:var(--stroke)!important;
  background:rgba(12,3,8,.84)!important;
}

@media (max-width:980px){
  .topbar{
    background:rgba(9,2,5,.82)!important;
    border:1px solid rgba(224,91,134,.20)!important;
    border-radius:22px!important;
    padding:14px!important;
  }
}