/* L&S WMS — Color tokens
 * Data-first neutral enterprise palette.
 * Proposed independently of L&S corporate site colors (per client direction).
 * Primary: deep teal (quality / innovation / efficiency).
 * Neutrals: cool slate. Semantic scale tuned for warehouse stock status.
 */
:root {
  /* ---- Primary (teal) ---- */
  --primary-50:  #eef8f8;
  --primary-100: #d3ecec;
  --primary-200: #a6d9db;
  --primary-300: #71c0c3;
  --primary-400: #3ba0a5;
  --primary-500: #178086;   /* base brand accent */
  --primary-600: #0f6970;
  --primary-700: #0d545a;
  --primary-800: #0e4348;
  --primary-900: #0c363a;

  /* ---- Neutral (slate) ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f7f8fa;
  --neutral-100: #eef1f4;
  --neutral-200: #e1e6ec;
  --neutral-300: #cbd3dc;
  --neutral-400: #9aa6b3;
  --neutral-500: #6b7885;
  --neutral-600: #4d5967;
  --neutral-700: #374250;
  --neutral-800: #232c37;
  --neutral-900: #141a21;

  /* ---- Semantic (stock status) ---- */
  --success-50:  #eaf6ef;
  --success-100: #cdebd9;
  --success-500: #1f8a52;   /* in stock */
  --success-600: #17703f;
  --success-700: #115a33;

  --warning-50:  #fdf5e6;
  --warning-100: #f8e6bf;
  --warning-500: #c78a10;   /* low stock */
  --warning-600: #a06f0a;
  --warning-700: #7f5806;

  --danger-50:   #fbecec;
  --danger-100:  #f5d0d0;
  --danger-500:  #c8382e;   /* out of stock / error */
  --danger-600:  #a52a22;
  --danger-700:  #85211b;

  --info-50:     #eaf1fb;
  --info-100:    #cfe0f6;
  --info-500:    #2864c4;   /* info / in transit */
  --info-600:    #1f4f9e;
  --info-700:    #193f7d;

  /* ---- Brand chips (minimal use — filters/labels only) ---- */
  --brand-badlab:   #1b1b1e;   /* BAD LAB — charcoal */
  --brand-goodvirtues: #4a9163; /* Good Virtues Co — botanical green */

  /* ---- Semantic aliases ---- */
  --bg-app:        var(--neutral-50);
  --bg-canvas:     var(--neutral-100);
  --surface-card:  var(--neutral-0);
  --surface-raised: var(--neutral-0);
  --surface-sunken: var(--neutral-50);
  --surface-inverse: var(--neutral-900);
  --surface-hover:  var(--neutral-100);
  --surface-selected: var(--primary-50);

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

  --text-strong:   var(--neutral-900);
  --text-body:     var(--neutral-700);
  --text-muted:    var(--neutral-500);
  --text-subtle:   var(--neutral-400);
  --text-inverse:  var(--neutral-0);
  --text-link:     var(--primary-600);
  --text-on-accent: var(--neutral-0);

  --accent:        var(--primary-500);
  --accent-hover:  var(--primary-600);
  --accent-active: var(--primary-700);
  --accent-soft:   var(--primary-50);

  --focus-ring:    color-mix(in srgb, var(--primary-500) 40%, transparent);
}