/* ===========================================================================
   销售 AI · Color tokens
   Light, enterprise-SaaS palette. Primary indigo-blue carries all brand
   action; neutrals are cool grey-blue; semantics stay calm and legible.
   =========================================================================== */
:root {
  /* ---- Brand / primary (indigo-blue) ------------------------------------ */
  --brand-700: #2E49B8;            /* pressed / deep                          */
  --brand-600: #3B5BDB;            /* PRIMARY — buttons, links, active state  */
  --brand-500: #4F6FE8;            /* gradient top, hover lift                */
  --brand-300: #C5D0F2;            /* dashed rings, secondary button border   */
  --brand-200: #DCE3FA;            /* record-button halo, soft borders        */
  --brand-150: #D7E0FB;            /* tinted-card border                      */
  --brand-100: #EEF2FE;            /* tinted fill (inline player, info chips) */
  --brand-gradient: linear-gradient(135deg, #4F6FE8, #3B5BDB);       /* @kind color */
  --brand-gradient-card: linear-gradient(150deg, #4F6FE8, #3B5BDB);  /* @kind color */

  /* ---- Ink / text neutrals ---------------------------------------------- */
  --ink-900: #1A2030;             /* primary text on surfaces                */
  --ink-800: #1A1F2E;             /* primary text on page bg                 */
  --ink-700: #4A5365;             /* body secondary                          */
  --ink-500: #5B6478;             /* labels, captions, muted body            */
  --ink-400: #6B7385;             /* faint labels                            */
  --ink-300: #A6AEBF;             /* disabled, placeholder, upcoming step    */

  /* ---- Surfaces & lines ------------------------------------------------- */
  --page:        #E9EBF0;         /* app canvas (carries dot-grid)           */
  --surface:     #FFFFFF;         /* cards, sheets, phone screen             */
  --surface-2:   #F7F9FC;         /* recessed screen bg                      */
  --surface-3:   #F4F6FB;         /* icon chips, ghost button rest           */
  --fill-soft:   #F8FAFD;         /* list-row fill                           */
  --fill-quote:  #F6F8FC;         /* read-aloud script block                 */

  --line-100: #EDEFF4;            /* phone bezel, faint divider              */
  --line-200: #E6EAF2;            /* default card / input border             */
  --line-300: #DBE0EC;            /* checkbox rest                           */
  --line-400: #D5D9E3;            /* pill border on page                     */
  --line-grab: #E0E4EE;           /* sheet grab-handle                       */

  /* ---- Semantic: success (green) ---------------------------------------- */
  --success-600: #15A06B;
  --success-100: #E4F6EC;         /* success chip / icon bg                  */
  --success-050: #F1FAF5;         /* success ambient bg                      */
  --success-border:  #CFEEDD;
  --success-border2: #BDE9CF;

  /* ---- Semantic: danger / recording (red) ------------------------------- */
  --danger-600: #E04848;
  --danger-100: #FDECEC;          /* danger chip / icon bg                   */

  /* ---- Semantic: warning / caution (amber) ------------------------------ */
  --warning-600: #E0833A;
  --warning-100: #FDEEDF;

  /* ---- Misc ------------------------------------------------------------- */
  --notch: #0B0E1A;               /* device dynamic-island / notch           */
  --dot-grid: rgba(20, 24, 40, 0.06); /* page background dot pattern         */

  /* ---- Semantic aliases (use these in product code) --------------------- */
  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-300);
  --text-on-brand:  #FFFFFF;

  --surface-card:   var(--surface);
  --surface-page:   var(--page);
  --border-default: var(--line-200);
  --border-strong:  var(--line-400);

  --accent:         var(--brand-600);
  --accent-hover:   var(--brand-500);
  --accent-press:   var(--brand-700);
  --focus-ring:     rgba(59, 91, 219, 0.35);
}