/* ============================================================
   Run Away With Me — Color tokens
   A warm, quiet palette: charcoal carries the structure, champagne
   and cream bring the wine-country warmth. Used with restraint and
   plenty of white space. Hex values are ground-truth from the brand
   guide.
   ============================================================ */

:root {
  /* --- Base palette (brand guide) --- */
  --charcoal:    #666666; /* Primary text, logo */
  --champagne:   #d8c6a5; /* Primary accent, buttons */
  --mid-grey:    #969696; /* Secondary text */
  --cream:       #ebdfc7; /* Soft fill, cards */
  --soft-grey:   #a0a0a0; /* Captions, meta */
  --beige:       #ede4d2; /* Section backgrounds */
  --warm-white:  #fcf8ed; /* Page background */
  --near-white:  #fdfdfd; /* Clean surfaces */

  /* --- Derived / support shades --- */
  --champagne-dark: #c4ad82; /* Button hover, small accents */
  --charcoal-ink:   #4d4d4d; /* Slightly deeper text for emphasis */
  --line:           #e9e7e3; /* Hairline borders */
  --line-soft:      #f3f1ed; /* Interior dividers */
  --white:          #ffffff;

  /* --- Semantic aliases --- */
  --text-primary:   var(--charcoal);
  --text-secondary: var(--mid-grey);
  --text-muted:     var(--soft-grey);
  --text-on-accent: var(--charcoal);
  --text-inverse:   var(--near-white);

  --accent:         var(--champagne);
  --accent-strong:  var(--champagne-dark);

  --surface-page:   var(--warm-white);
  --surface-card:   var(--near-white);
  --surface-panel:  var(--white);
  --surface-soft:   var(--cream);
  --surface-section:var(--beige);

  --border-default: var(--line);
  --border-soft:    var(--line-soft);

  --focus-ring:     var(--champagne-dark);
}