/* ============================================================
   Modern LeanScale — Color tokens
   Brand hues retained from the core LeanScale palette; softened
   with purple-tinted neutrals and three accent washes.
   ============================================================ */

:root {
  /* ---------- Core brand hues (unchanged) ---------- */
  --ls-black:           #000000;
  --ls-dark-gray:       #595959;
  --ls-light-gray:      #E9E9E7;
  --ls-off-white:       #FFFBFF;
  --ls-dark-purple:     #301934;  /* deep aubergine */
  --ls-strong-purple:   #642585;  /* vivid brand purple */
  --ls-medium-purple:   #D9AFD0;  /* dusty rose-purple */
  --ls-lime:            #E8FFCF;  /* cool mint accent */

  /* ---------- Modern soft tints ---------- */
  /* Purple-tinted neutrals — warmer & airier than flat grays */
  --m-surface:          #FBF8FC;  /* page background — barely-there lavender white */
  --m-surface-2:        #F4EDF7;  /* raised panel / subtle fill */
  --m-surface-3:        #EBE0F0;  /* hover / pressed fill */
  --m-card:             #FFFFFF;  /* card background */
  --m-ink:              #2A1430;  /* near-black with purple warmth */
  --m-ink-soft:         #6B5670;  /* secondary text */
  --m-ink-faint:        #9A8BA0;  /* tertiary / placeholder */

  /* Purple ramp — friendlier strong-purple for soft accenting */
  --m-purple-300:       #C79BDE;
  --m-purple-400:       #A861CC;
  --m-purple-500:       #8E4AAF;
  --m-purple-600:       #642585;  /* brand strong purple */
  --m-purple-700:       #4A1A66;

  /* Soft accent washes — tinted surfaces for callouts & chips */
  --m-lavender-wash:    #F3E9F8;
  --m-lime-wash:        #F2FCE6;
  --m-pink-wash:        #FBEFF6;

  /* Functional accents on washes */
  --m-lime-ink:         #4A8A2E;  /* readable green text on lime-wash */
  --m-pink-ink:         #B0568F;  /* readable pink text on pink-wash */

  /* ---------- Gradients (tasteful) ---------- */
  --m-grad-purple:    linear-gradient(135deg, #7B33A3 0%, #B057D8 100%); /* @kind color */
  --m-grad-aubergine: linear-gradient(150deg, #301934 0%, #642585 100%); /* @kind color */
  --m-grad-lime:      linear-gradient(135deg, #E8FFCF 0%, #D9F3FF 100%); /* @kind color */
  --m-grad-dawn:      linear-gradient(135deg, #F3E9F8 0%, #FBEFF6 50%, #F2FCE6 100%); /* @kind color */
  --m-grad-hero:      radial-gradient(120% 120% at 0% 0%, #642585 0%, #4A1A66 55%, #2A1430 100%); /* @kind color */

  /* ---------- Semantic aliases ---------- */
  --bg-primary:    var(--m-surface);
  --bg-raised:     var(--m-surface-2);
  --bg-card:       var(--m-card);
  --bg-inverse:    var(--ls-dark-purple);

  --fg-primary:    var(--m-ink);
  --fg-secondary:  var(--m-ink-soft);
  --fg-faint:      var(--m-ink-faint);
  --fg-on-dark:    var(--ls-off-white);
  --fg-on-dark-2:  var(--ls-light-gray);

  --accent:        var(--m-purple-600);
  --accent-soft:   var(--m-purple-400);

  --border-subtle: rgba(100, 37, 133, 0.12);
  --border-strong: rgba(100, 37, 133, 0.22);

  /* Status (kept on-brand, low-saturation) */
  --status-positive: #4A8A2E;
  --status-warning:  #B0568F;
  --status-info:     var(--m-purple-500);
}