/* ===========================================================================
   Lieben Ladies — Colour System
   Calm, elegant, emotionally intelligent. Gold used sparingly as accent;
   layouts built on cream + pink tones. No harsh contrasts.
   =========================================================================== */
:root {
  /* --- Brand base palette (from Brand Foundation) --- */
  --gold:        #d0b966;   /* Primary accent — elegance, value, quiet confidence */
  --dusty-rose:  #c79093;   /* Supporting — warmth, femininity */
  --light-blush: #e3c3c7;   /* Supporting — soft, airy */
  --taupe-pink:  #c7a2a3;   /* Supporting — muted, grounding */
  --rouge:       #934249;   /* Deep accent — depth, conviction */

  /* --- Extended tints & shades (harmonious, derived in oklch space) --- */
  --gold-soft:   #e4d39a;   /* lighter gold wash */
  --gold-deep:   #a8893f;   /* darker gold — legible gold text on cream */
  --rouge-deep:  #5c2a38;   /* wine/plum — display headings (per Pillars poster) */
  --rouge-soft:  #b9656b;

  --blush-50:    #fbf4f5;
  --blush-100:   #f6e7ea;
  --blush-200:   #efd6db;

  /* --- Neutrals: warm creams & inks --- */
  --ivory:       #fdfaf7;   /* lightest surface */
  --cream:       #f8f0ea;   /* default page background */
  --cream-deep:  #f1e4dc;   /* alternating section background */
  --sand:        #e8dacc;  /* hairline borders on cream */
  --ink:         #1c1518;   /* near-black, primary text (logo black) */
  --ink-soft:    #4a3d40;   /* secondary text */
  --ink-muted:   #8a7a7d;   /* tertiary / captions */
  --white:       #ffffff;

  /* --- Semantic status (kept soft, brand-tinted) --- */
  --success:     #6f8f6a;
  --success-bg:  #eef3ec;
  --warning:     #c79a4e;
  --warning-bg:  #f8efdc;
  --danger:      #a85258;   /* draws from rouge, never harsh red */
  --danger-bg:   #f6e7e8;
  --info:        #7c8aa0;
  --info-bg:     #eceff4;

  /* ===== Semantic aliases — use these in components ===== */
  --surface-page:    var(--cream);
  --surface-alt:     var(--cream-deep);
  --surface-card:    var(--ivory);
  --surface-raised:  var(--white);
  --surface-inverse: var(--rouge-deep);

  --text-strong:  var(--ink);
  --text-body:    var(--ink-soft);
  --text-muted:   var(--ink-muted);
  --text-ondark:  var(--blush-50);
  --text-accent:  var(--rouge);

  --accent:        var(--gold);
  --accent-strong: var(--gold-deep);
  --brand:         var(--dusty-rose);
  --brand-strong:  var(--rouge);

  --border:        #ece0d8;
  --border-strong: #ddccc4;
  --border-gold:   #e0cf9a;

  --focus-ring:    color-mix(in oklch, var(--gold) 70%, var(--rouge));
}