/* ============================================================
   TONYA BREDAMUS · Client Token Overrides
   Subtle pink: #EF5ECF used sparingly as accent only.
   Dominant palette stays cream/charcoal/serif editorial.
   The hero image itself brings the pink statement;
   the page around it stays restrained.
   ============================================================ */

:root {
  /* Surfaces — slightly rosier than base cream, very subtle */
  --cream:        #faf5f2;   /* base off-white with warm rose undertone */
  --cream-alt:    #f4ebe7;   /* secondary surface, warmer */
  --charcoal:     #2a1e1a;   /* warm dark (brown-rose undertone) not neutral black */
  --charcoal-soft:#3a2a25;
  --charcoal-deep:#1a110e;

  /* Ink — stays close to base */
  --ink:          #1a1a1a;
  --ink-inverse:  #f7ebe5;
  --ink-faint:    #b5988f;

  /* Accent — Tonya's power pink, used RESTRAINED */
  --amber:        #D14AAD;   /* slightly dialed back from #EF5ECF for editorial feel */
  --amber-light:  #E986CC;   /* softer pink for inverse-on-dark contexts */
  --amber-lighter:#F2A8D9;
  --amber-pale:   #F7D4EA;   /* pale overlay pink */

  /* Rules */
  --rule:         rgba(42, 30, 26, 0.12);
  --rule-soft:    rgba(42, 30, 26, 0.06);
  --rule-strong:  rgba(42, 30, 26, 0.2);
  --rule-dark:    rgba(247, 212, 234, 0.18);

  /* Typography — keep Cormorant (romantic-editorial italic fits her voice) */
  /* No font overrides needed. The italic-em accent pattern in serif headlines
     already delivers the "signature-brand" feel she described. */
}

/* ============================================================
   Minor block adjustments for her brand
   ============================================================ */

/* Dark sections warm up slightly to avoid clashing with her rose-tinted cream */
.footer, .pullquote--dark, .stats--dark, .alliance, .catalog-divider, .catalog-nav {
  background: var(--charcoal);
}

/* CTA button hover inherits pink via --amber change above — no change needed */

/* Nav CTA button gets a subtle pink tint on rest state when over light content */
.site-nav--solid .site-nav__cta:hover,
.site-nav.scrolled .site-nav__cta:hover {
  background: var(--amber);
  border-color: var(--amber);
  color: var(--ink-inverse);
}