/* assets/css/accent.css */
/* Seduction Palette — Ivory / Nude Blush / Deep Bordeaux / Rich Cocoa.
   The page uses Warm Ivory while the pricing cards retain their blush surfaces. */
:root {
  --bg: #F7F2EC;                /* Warm Ivory — page background */
  --surface: #DED6CB;           /* Stone — pricing card surfaces */
  --text: #4B342D;              /* Rich Cocoa — primary text, for contrast on blush */
  --muted: rgba(75,52,45,0.65); /* muted cocoa — secondary text */
  --gold: #7A2E38;              /* Deep Bordeaux — primary accent */
  --gold-light: #5E2229;        /* darker bordeaux — hover (reads stronger on light bg) */
  --border: rgba(122,46,56,0.3);
  --border-strong: rgba(122,46,56,0.5);
  --tint: rgba(122,46,56,0.08);
  --tint-strong: rgba(122,46,56,0.15);
  --bordeaux: #5E2229;          /* darker bordeaux — hover/active depth */
  --ivory: #F7F2EC;
}

/* The hero sits over photography, so body-palette cocoa and bordeaux do not provide enough
   contrast. Keep all offering details and navigation legible in warm ivory. */
.hero .label { color: #D8B2AA; }
.hero .meta-value { color: var(--ivory); }
.hero .hero-retreat-title { color: #D8B2AA; }

.hero-logo-women {
  margin-bottom: 28px;
}

.pricing-cards > .card,
.pricing-cards > .plan-card {
  background: var(--surface);
}

.lovergirl-experience-title { color: var(--gold); }

body > div:first-child a { color: var(--ivory) !important; }

/* Stone footer with Espresso typography and Bordeaux accents. */
footer {
  background: var(--surface);
  color: var(--text);
  border-top-color: var(--border);
}

footer .footer-sub,
footer .footer-copy {
  color: var(--text) !important;
}

footer .footer-brand,
footer .footer-copy a {
  color: var(--gold) !important;
}

.btn-outline:hover,
.btn-outline:focus-visible { background: var(--bordeaux); border-color: var(--bordeaux); color: #fff; }