/* ===========================================================================
   AI Sales Agent — Color tokens
   Source of truth: website/index.html (LINE green #06c755, ink #14202b) and the
   admin console palettes in salesagent_core/server.py (slip / shipping / reject).
   Base ramps first, then semantic aliases. Use the semantic aliases in product
   work; reach for raw ramp steps only when building a new token.
   ===========================================================================*/

:root {
  /* --- Brand green ("LINE green") --------------------------------------- */
  /* 500 = #06c755 is THE brand color. 100/700 are taken verbatim from the
     landing-page badge (bg #d9f7e5 on text #067a3e). */
  --green-50:  #ecfdf3;
  --green-100: #d9f7e5;
  --green-200: #adedc5;
  --green-300: #6fdd9b;
  --green-400: #2ecf75;
  --green-500: #06c755;
  --green-600: #05a648;
  --green-700: #067a3e;
  --green-800: #075f32;
  --green-900: #0a4527;

  /* --- Neutrals (cool slate, tuned to ink #14202b / muted #5b6b78) ------ */
  --neutral-0:   #ffffff;
  --neutral-25:  #f9fafb;
  --neutral-50:  #f6f8fa;  /* page background (--bg in source) */
  --neutral-100: #eef1f4;
  --neutral-200: #e4e8ec;  /* hairline borders (--line in source) */
  --neutral-300: #cbd3da;
  --neutral-400: #9aa7b2;
  --neutral-500: #5b6b78;  /* muted text (--mut in source) */
  --neutral-600: #44535f;
  --neutral-700: #2c3a45;
  --neutral-800: #1c2832;
  --neutral-900: #14202b;  /* ink — strong text & footer (--ink in source) */

  /* --- Semantic status families ----------------------------------------- */
  /* warning = the "ตรวจสลิป" (verify slip) card in /admin/orders */
  --amber-50:  #fff7e6;
  --amber-200: #ffe0a3;
  --amber-700: #9a6a00;
  /* info = the "จัดส่ง" (shipping) card in /admin/orders */
  --blue-50:   #eef6ff;
  --blue-200:  #cfe3ff;
  --blue-700:  #1d6fd8;
  /* danger = the reject button (#e0524d) */
  --red-50:    #fdecec;
  --red-500:   #e0524d;
  --red-700:   #c2403c;

  /* =========================================================================
     SEMANTIC ALIASES — prefer these in product code
     =========================================================================*/

  /* Brand */
  --brand:            var(--green-500);
  --brand-strong:     var(--green-700);
  --brand-tint:       var(--green-100);
  --brand-tint-soft:  var(--green-50);
  --brand-contrast:   var(--neutral-0);

  /* Text */
  --text-strong:   var(--neutral-900);
  --text-body:     var(--neutral-800);
  --text-muted:    var(--neutral-500);
  --text-on-brand: var(--neutral-0);
  --text-link:     var(--green-700);

  /* Surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-100);
  --surface-inverse: var(--neutral-900);

  /* Borders / lines */
  --border:        var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-brand:  var(--green-500);

  /* Status — success / pending / paid / rejected map to order lifecycle */
  --status-success-fg: var(--green-700);
  --status-success-bg: var(--green-100);
  --status-warning-fg: var(--amber-700);
  --status-warning-bg: var(--amber-50);
  --status-warning-border: var(--amber-200);
  --status-info-fg:    var(--blue-700);
  --status-info-bg:    var(--blue-50);
  --status-info-border: var(--blue-200);
  --status-danger-fg:  var(--red-700);
  --status-danger-bg:  var(--red-50);
  --status-danger-solid: var(--red-500);

  /* Chat surfaces (LINE-style messenger) */
  --chat-canvas:      #8aabd4;          /* LINE's blue-grey chat wallpaper feel */
  --chat-bubble-in:   var(--neutral-0); /* shop / bot bubble */
  --chat-bubble-out:  #95e36a;          /* customer bubble (LINE green-bubble) */
  --chat-bubble-out-ink: #0d3b16;
  --chat-meta:        rgba(255,255,255,.85);
}