/* smarTender — Color tokens
   Derived from brand assets: logo gradient (#922CB3 → #5F316E),
   wave-background texture accent (#9C00FF). */

:root {
  /* ---- Brand scale: violet ---- */
  --violet-50:  #f8ecfd;
  --violet-100: #f0d6fb;
  --violet-200: #e0aef4;
  --violet-300: #cd82ec;
  --violet-400: #b350dd;
  --violet-500: #922cb3;  /* primary brand */
  --violet-600: #7c2699;
  --violet-700: #5f316e;  /* deep aubergine — logo text */
  --violet-800: #47254f;
  --violet-900: #2e1636;  /* darkest surface (Lasche dark bg) */

  /* Electric accent from the wave texture */
  --violet-accent: #9c00ff;

  /* Brand gradient (logo mark / sparkle) */
  --brand-gradient: linear-gradient(150deg, #922cb3 0%, #5f316e 100%); /* @kind other */
  --brand-gradient-bright: linear-gradient(150deg, #9c00ff 0%, #7c2699 100%); /* @kind other */

  /* ---- Neutrals (cool, slightly violet-tinted) ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #faf9fb;
  --neutral-100: #f4f2f6;
  --neutral-200: #e8e5ec;
  --neutral-300: #d5d0dc;
  --neutral-400: #a49dae;
  --neutral-500: #797186;
  --neutral-600: #574f63;
  --neutral-700: #3d3648;
  --neutral-800: #272130;
  --neutral-900: #17121e;

  /* ---- Semantic status (procurement traffic-light) ---- */
  --success-50:  #e7f6ee;
  --success-500: #1f9d57;
  --success-700: #14713d;
  --warning-50:  #fdf2e0;
  --warning-500: #e08a13;
  --warning-700: #a6620a;
  --danger-50:   #fdeaea;
  --danger-500:  #d83a3a;
  --danger-700:  #a32626;
  --info-50:     #e9eefb;
  --info-500:    #3358d4;
  --info-700:    #223b92;

  /* ================= Semantic aliases ================= */
  --color-primary:        var(--violet-500);
  --color-primary-hover:  var(--violet-600);
  --color-primary-active: var(--violet-700);
  --color-primary-subtle: var(--violet-50);
  --color-accent:         var(--violet-accent);

  --text-strong:   var(--neutral-900);
  --text-body:     var(--neutral-700);
  --text-muted:    var(--neutral-500);
  --text-on-brand: var(--neutral-0);
  --text-link:     var(--violet-600);

  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-hover:   var(--neutral-100);
  --surface-inverse: var(--violet-900);

  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-focus:   var(--violet-400);

  --status-success-fg: var(--success-700);
  --status-success-bg: var(--success-50);
  --status-warning-fg: var(--warning-700);
  --status-warning-bg: var(--warning-50);
  --status-danger-fg:  var(--danger-700);
  --status-danger-bg:  var(--danger-50);
  --status-info-fg:    var(--info-700);
  --status-info-bg:    var(--info-50);
}