/* SkinShine Ravensburg — color tokens
   Source: uploads/SkinShine Marketing Brand.pdf (10 brand colors, verbatim)
   Derived values (ink, surfaces, lines) are computed from the brand palette and marked. */

:root {
  /* ---- Brand palette (verbatim from brand PDF) ---- */
  --ss-blush:      #e1c1bb; /* dusty rose */
  --ss-rose:       #e28f8b; /* rosé pink */
  --ss-terracotta: #d69183; /* terracotta rose */
  --ss-cocoa:      #6b4839; /* deep warm brown */
  --ss-taupe:      #886554; /* mid brown */
  --ss-champagne:  #f4dfd1; /* cream / champagne */
  --ss-greige:     #927d69; /* warm greige */
  --ss-white:      #ffffff;
  --ss-rosegold:   #c09884; /* copper / rose gold */
  --ss-peach:      #f1a799; /* peach salmon */

  /* ---- Derived neutrals (from logo ink + cocoa) ---- */
  --ss-ink:        #211a16; /* near-black of the logo wordmark */
  --ss-ink-soft:   #4d3c32; /* body text on light — cocoa deepened */
  --ss-ink-muted:  #8a7568; /* captions, meta */

  /* ---- Semantic: surfaces ---- */
  --surface-page:       var(--ss-white);
  --surface-soft:       #faf3ee; /* champagne lightened — section tint */
  --surface-blush:      var(--ss-champagne);
  --surface-card:       var(--ss-white);
  --surface-dark:       #3f2c22; /* cocoa deepened — footer / dark sections */
  --surface-dark-raise: #4d372c;

  /* ---- Semantic: text ---- */
  --text-display:   var(--ss-ink);
  --text-body:      var(--ss-ink-soft);
  --text-muted:     var(--ss-ink-muted);
  --text-accent:    var(--ss-rosegold);
  --text-on-dark:   var(--ss-champagne);
  --text-on-accent: var(--ss-white);

  /* ---- Semantic: interactive ---- */
  --accent:         var(--ss-rosegold);
  --accent-strong:  #a87f6b; /* rosegold deepened — hover */
  --accent-soft:    var(--ss-blush);
  --link:           var(--ss-taupe);

  /* ---- Lines ---- */
  --line-hairline:  rgba(107, 72, 57, 0.18);  /* cocoa @ 18% */
  --line-soft:      rgba(107, 72, 57, 0.10);
  --line-on-dark:   rgba(244, 223, 209, 0.22); /* champagne @ 22% */

  /* ---- Feedback (kept warm, derived) ---- */
  --positive:       #7d8a5f;
  --caution:        #c2913f;
  --negative:       #b05a4e;
}