/* ── SHARED SITE THEME ── */
:root {
  --slate-deep: #2c3442;
  --slate-mid: #4a5568;
  --slate-light: #718096;
  --lavender: #9b9ec8;
  --lavender-pale: #e8e9f3;
  --lavender-wash: #f4f4f9;
  --mist: #dde3ed;
  --fog: #f7f8fc;
  --white: #ffffff;
  --accent: #7b7fa8;
  --pop: #8890C4;
  --pop-dark: #7A82B0;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'DM Sans', system-ui, sans-serif;
}

/* ── WASH BACKGROUNDS ── */
.bg-wash-a {
  background:
    radial-gradient(ellipse at 80% 15%, rgba(155,158,200,0.32) 0%, transparent 55%),
    radial-gradient(ellipse at 8% 85%, rgba(160,200,175,0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 55% 95%, rgba(200,180,230,0.18) 0%, transparent 45%),
    #ffffff;
}

.bg-wash-b {
  background:
    radial-gradient(ellipse at 12% 35%, rgba(200,180,230,0.28) 0%, transparent 55%),
    radial-gradient(ellipse at 88% 70%, rgba(155,158,200,0.22) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 5%, rgba(160,200,175,0.15) 0%, transparent 45%),
    #ffffff;
}

.bg-wash-c {
  background:
    radial-gradient(ellipse at 85% 30%, rgba(200,180,230,0.25) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 80%, rgba(155,158,200,0.2) 0%, transparent 50%),
    #ffffff;
}

/* ── COLOR POP BACKGROUNDS ── */
.bg-pop {
  background:
    radial-gradient(ellipse at 25% 30%, rgba(255,255,255,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 75%, rgba(255,255,255,0.12) 0%, transparent 45%),
    #8890C4;
}

.bg-pop-dark {
  background:
    radial-gradient(ellipse at 70% 25%, rgba(255,255,255,0.18) 0%, transparent 50%),
    radial-gradient(ellipse at 15% 70%, rgba(255,255,255,0.1) 0%, transparent 45%),
    #7A82B0;
}

/* ── TEXT ON POP SECTIONS ── */
.bg-pop .section-label,
.bg-pop-dark .section-label { color: rgba(255,255,255,0.65) !important; }

.bg-pop .section-label::after,
.bg-pop-dark .section-label::after { background: rgba(255,255,255,0.25) !important; }

.bg-pop .section-title,
.bg-pop-dark .section-title { color: #ffffff !important; }

.bg-pop .section-title em,
.bg-pop-dark .section-title em { color: rgba(255,255,255,0.85) !important; }

.bg-pop p,
.bg-pop-dark p { color: rgba(255,255,255,0.85) !important; }

/* ── PAGE HERO AREAS (specialty pages) ── */
.page-hero {
  background:
    radial-gradient(ellipse at 80% 20%, rgba(155,158,200,0.3) 0%, transparent 55%),
    radial-gradient(ellipse at 10% 80%, rgba(200,180,230,0.2) 0%, transparent 50%),
    #ffffff;
}

/* ── CTA SECTIONS (specialty pages) ── */
#cta {
  background:
    radial-gradient(ellipse at 25% 30%, rgba(255,255,255,0.22) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 75%, rgba(255,255,255,0.12) 0%, transparent 45%),
    #8890C4 !important;
}

#cta .section-label { color: rgba(255,255,255,0.65) !important; }
#cta h2, #cta h3, #cta p { color: rgba(255,255,255,0.9) !important; }
#cta .btn-light {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
}
#cta .btn-light:hover {
  background: rgba(255,255,255,0.28) !important;
}

/* ── FOOTER ── */
footer {
  background: var(--slate-deep) !important;
}