/* Inessentia — Color tokens
   Warm therapeutic palette: no pure black, no pure white.
   Earth/cream neutrals with purple / wine / gold accents.
   Values lifted verbatim from src/styles/global.css. */
:root {
  /* --- Brand primaries --- */
  --purple:    #46276E; /* brand primary — headings, buttons, nav text */
  --purple-d:  #3C1F5E; /* deep purple — button hover, dark section bg */
  --wine:      #8E2B5D; /* secondary accent — eyebrows, links, card titles */

  /* --- Warm neutrals --- */
  --cream:     #EAE5D9; /* warm light — nav bar, mobile menu bg */
  --cream-2:   #F4F0E6; /* alternate section bg */
  --warm:      #FCFBF6; /* base body background */
  --ink:       #262321; /* primary text — warm near-black */
  --body-text: #3f3a36; /* running body copy color */
  --muted:     #6a6460; /* secondary / meta text */

  /* --- Gold accents --- */
  --sand:      #C2B07E; /* gold — borders, blockquote rule, dark-bg eyebrow */
  --sand-d:    #A8945C; /* deep gold — timeline labels */

  /* --- Hairlines / utility --- */
  --card-border: #ece6d8; /* card + divider hairline on warm bg */
  --hairline:    rgba(70,39,110,.14); /* purple hairline on light */

  /* --- Semantic aliases --- */
  --text-strong:   var(--purple);
  --text-body:     var(--body-text);
  --text-muted:    var(--muted);
  --accent:        var(--wine);
  --accent-gold:   var(--sand);
  --surface-page:  var(--warm);
  --surface-alt:   var(--cream-2);
  --surface-card:  #ffffff;
  --surface-nav:   var(--cream);
  --surface-dark:  var(--purple);
  --surface-darker:var(--purple-d);
  --on-dark:       #ffffff;

  /* --- Functional (from live site JS) --- */
  --whatsapp:      #25D366; /* WhatsApp float button */
}