/* ============================================================
   GirlX dark theme — overrides the site's light tokens so the
   policy pages match the GirlX home page (rose + lilac on dark).
   Loaded AFTER /assets/css/style.css.
   ============================================================ */

:root {
  --paper: #0a0a0c;
  --card: #131318;
  --ink: #f4f4f8;
  --body: #a9abbd;
  --line: rgba(255, 255, 255, 0.1);
  --accent: #ff5c8a;
  --accent-ink: #ff7ba1;
  --accent-soft: rgba(255, 92, 138, 0.1);
  --teal: #c08cff;
  --teal-soft: rgba(192, 140, 255, 0.12);
  --amber: #ffb23e;
  --amber-soft: rgba(255, 178, 62, 0.1);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.55);
}

/* Ambient glows, same as the GirlX home page */
body::before,
body::after {
  content: "";
  position: fixed;
  border-radius: 50%;
  filter: blur(110px);
  pointer-events: none;
  z-index: -1;
}

body::before {
  width: 460px;
  height: 460px;
  background: #ff5c8a;
  opacity: 0.13;
  top: -150px;
  right: -120px;
}

body::after {
  width: 380px;
  height: 380px;
  background: #c08cff;
  opacity: 0.09;
  bottom: -160px;
  left: -140px;
}

/* Surfaces that hardcode light colors in the base stylesheet */
.site-head {
  background: rgba(10, 10, 12, 0.8);
}

.legal-hero {
  background: #101016;
}

.legal-updated,
.toc h2,
.foot-bottom {
  color: #8b8ea3;
}

.callout {
  border-color: rgba(255, 92, 138, 0.3);
}

.callout.warn {
  border-color: rgba(255, 178, 62, 0.3);
}

.contact-block {
  background: #131318;
}

.site-foot {
  background: #0d0d11;
}

@media (max-width: 960px) {
  .toc {
    background: #101016;
  }
}

@media (max-width: 640px) {
  .site-nav {
    background: #101016;
    border-bottom-color: var(--line);
  }
}