/* Liza Couture — Color System
   Warm ivory / champagne / blush base, deep espresso for text,
   restrained muted gold as the single metallic accent.
   Gold is an ACCENT only (rules, icons, trims, callouts) — never body text. */

:root {
  /* ---- Base neutrals (warm) ---- */
  --ivory:        #FBF8F2;  /* page background */
  --warm-white:   #FEFCF9;  /* cards / raised surfaces */
  --champagne:    #EADBC3;  /* soft luxe fill */
  --champagne-2:  #F2E9DA;  /* lighter champagne wash */
  --blush:        #ECD4CE;  /* feminine accent fill */
  --blush-2:      #F6E7E3;  /* pale blush wash */

  /* ---- Ink (deep warm browns) ---- */
  --espresso:     #2C2521;  /* primary text / dark surfaces */
  --charcoal:     #1E1B19;  /* deepest surface */
  --mocha:        #6B5D52;  /* secondary text */
  --taupe:        #9A8B7C;  /* muted / captions */

  /* ---- Metallic accent (muted gold) ---- */
  --gold:         #A98A57;  /* primary accent */
  --gold-deep:    #8C7043;  /* accent on light, AA-safe on ivory */
  --gold-soft:    #C9AE80;  /* trims, dividers */
  --gold-wash:    #F0E7D6;  /* faint gold tint fill */

  /* ---- Lines & edges ---- */
  --line:         #E4D9C8;  /* hairline borders on ivory */
  --line-soft:    #EFE7DA;  /* faint separators */
  --line-strong:  #D3C4AE;  /* emphasised rule */

  /* ---- Semantic states (kept quiet, warm-leaning) ---- */
  --success:      #5B7355;  /* sage */
  --error:        #A2504A;  /* terracotta red */
  --info:         #5E6E7A;  /* slate */

  /* ---- Semantic aliases ---- */
  --surface-page:     var(--ivory);
  --surface-card:     var(--warm-white);
  --surface-raised:   var(--champagne-2);
  --surface-inverse:  var(--espresso);
  --surface-accent:   var(--blush-2);

  --text-heading:     var(--espresso);
  --text-body:        var(--espresso);
  --text-muted:       var(--mocha);
  --text-caption:     var(--taupe);
  --text-on-inverse:  var(--ivory);
  --text-accent:      var(--gold-deep);

  --border-default:   var(--line);
  --border-soft:      var(--line-soft);
  --border-strong:    var(--line-strong);
  --border-accent:    var(--gold-soft);

  --focus-ring:       var(--gold);
}