/* ============================================================
   PitchScout AI — Color tokens
   Brand primitives (theme-independent) + neutral/accent ramps +
   semantic status hues. Semantic light/dark aliases live in
   themes.css.
   ============================================================ */

:root {
  /* ====== BRAND PRIMITIVES (never theme-dependent) ====== */
  --ps-ink:      #11151C;  /* near-black */
  --ps-paper:    #F6F4EF;  /* warm paper */
  --ps-signal:   #36D17D;  /* signal green — "pitch", heat core */
  --ps-electric: #3A9DF2;  /* electric blue — "AI", heat edge */

  /* ====== GREEN RAMP (from signal green) ====== */
  --green-100: #d6f6e6;
  --green-200: #a8edca;
  --green-300: #6fe0a8;
  --green-400: #36D17D;
  --green-500: #1fb968;
  --green-600: #169a55;

  /* ====== BLUE RAMP (from electric blue) ====== */
  --blue-100: #d7ebfd;
  --blue-200: #aed5fa;
  --blue-300: #74b6f6;
  --blue-400: #3A9DF2;
  --blue-500: #1f7fd6;
  --blue-600: #1665ac;

  /* ====== SLATE NEUTRAL RAMP (anchored to ink/paper) ====== */
  --slate-950: #0B0E13;
  --slate-900: #11151C;
  --slate-850: #181D26;
  --slate-800: #1F2530;
  --slate-700: #2C333F;
  --slate-600: #3D4856;
  --slate-500: #586273;
  --slate-400: #7C8696;
  --slate-300: #A6AEBB;
  --slate-200: #CBD0D8;
  --slate-150: #DEE1E6;
  --slate-100: #E9EAEC;
  --slate-50:  #F2F1ED;
  --paper:     #F6F4EF;
  --white:     #FFFFFF;

  /* ====== SEMANTIC STATUS HUES ====== */
  --amber-400: #F2B73A;
  --amber-bg:  #fdf3da;
  --red-400:   #F2603A;
  --red-bg:    #fde0d8;

  /* ====== SIGNATURE GRADIENT (green → blue heat) ====== */
  --grad-heat: linear-gradient(90deg, var(--ps-signal), var(--ps-electric));
  --grad-heat-diag: linear-gradient(100deg, var(--ps-signal), var(--ps-electric));
  --grad-avatar: radial-gradient(circle at 35% 30%, var(--ps-signal), var(--ps-electric));
}
