/* ai.com — Color tokens
   ----------------------------------------------------------------
   The product is a light, near-monochrome workspace. Black is the
   primary *action* color (buttons), magenta is the *brand identity*
   (logo accent + the signed-in user's avatar), and violet is the
   *AI / agent* signal (Today's Brief, "Discuss with …", sparkles).
   Amber/red carry warnings & danger. Green = presence + success. */

:root {
  /* ---- Neutral ramp (warm-free, true gray) ---- */
  --white:    #ffffff;
  --gray-25:  #fcfcfc;
  --gray-50:  #fafafa;
  --gray-100: #f5f5f5;
  --gray-150: #efefef;
  --gray-200: #e8e8e8;
  --gray-250: #e2e2e2;
  --gray-300: #d4d4d4;
  --gray-400: #a3a3a3;
  --gray-500: #737373;
  --gray-600: #525252;
  --gray-700: #404040;
  --gray-800: #262626;
  --gray-900: #171717;
  --black:    #0a0a0a;

  /* ---- Brand magenta (identity / user avatar gradient) ---- */
  --magenta-50:  #fdeef4;
  --magenta-300: #f178a9;
  --magenta-500: #db1a6b;
  --magenta-600: #c11560;
  --magenta-grad-from: #e5187e;
  --magenta-grad-to:   #f6477f;

  /* ---- AI / agent violet ---- */
  --violet-50:  #f4f1ff;
  --violet-100: #ece6ff;
  --violet-200: #ddd2ff;
  --violet-400: #9b80ff;
  --violet-500: #7c5cff;
  --violet-600: #6a45f5;

  /* ---- Semantic hues ---- */
  --green-100: #dcfce7;
  --green-400: #34d399;
  --green-500: #22c55e;
  --green-600: #16a34a;

  --amber-50:  #fff7ed;
  --amber-100: #ffedd5;
  --amber-500: #f59e0b;
  --amber-600: #ea580c;
  --amber-700: #c2410c;

  --red-50:  #fef2f2;
  --red-500: #ef4444;
  --red-600: #dc2626;

  /* ---- Avatar gradient palette (assigned per person) ---- */
  --av-magenta-from: #e5187e; --av-magenta-to: #f6477f;
  --av-orange-from:  #f97316; --av-orange-to:  #fb923c;
  --av-amber-from:   #f59e0b; --av-amber-to:   #fbbf24;
  --av-green-from:   #15803d; --av-green-to:   #22c55e;
  --av-teal-from:    #0d9488; --av-teal-to:    #2dd4bf;
  --av-blue-from:    #2563eb; --av-blue-to:    #60a5fa;
  --av-violet-from:  #6a45f5; --av-violet-to:  #9b80ff;
  --av-slate-from:   #475569; --av-slate-to:   #94a3b8;

  /* =================== Semantic aliases =================== */

  /* Surfaces */
  --surface-app:     var(--white);
  --surface-base:    var(--white);
  --surface-card:    var(--white);
  --surface-sunken:  var(--gray-100);   /* inputs, hover wells */
  --surface-hover:   var(--gray-100);
  --surface-active:  var(--gray-150);
  --surface-overlay: rgba(10, 10, 10, 0.45);  /* modal scrim */
  --surface-ai:      var(--violet-50);   /* brief / agent cards */

  /* Text */
  --text-primary:   var(--gray-900);
  --text-secondary: var(--gray-500);
  --text-tertiary:  var(--gray-400);
  --text-on-dark:   var(--white);
  --text-link:      var(--gray-900);
  --text-ai:        var(--violet-600);
  --text-warning:   var(--amber-600);
  --text-danger:    var(--red-600);

  /* Borders */
  --border-subtle: var(--gray-200);
  --border-default: var(--gray-250);
  --border-strong: var(--gray-300);
  --border-focus:  var(--gray-900);
  --border-ai:     var(--violet-200);

  /* Actions */
  --action-primary-bg:       var(--gray-900);
  --action-primary-bg-hover: var(--black);
  --action-primary-fg:       var(--white);
  --action-secondary-bg:       var(--white);
  --action-secondary-bg-hover: var(--gray-100);
  --action-secondary-fg:       var(--gray-900);
  --action-ghost-fg:           var(--gray-600);

  /* Status */
  --status-online:  var(--green-500);
  --status-away:    var(--gray-300);
  --status-success: var(--green-600);
  --status-warning: var(--amber-500);
  --status-danger:  var(--red-600);

  /* Brand */
  --brand: var(--magenta-500);
  --ai:    var(--violet-500);
}