/* TP brand + secondary visual palette — keep in sync with portal/tp_brand.py */

:root {
  --tp-white: #ffffff;
  --tp-warm-stone: #d4d2ca;
  --tp-slate: #4b4c6a;
  --tp-black: #000000;
  --tp-mauve: #706398;
  --tp-steel-blue: #848dad;
  --tp-warm-gray: #918e81;
  --tp-surface: #ece9e7;
  --tp-lavender: #e2dfe8;
  --tp-cool-gray: #c2c7cd;
  --tp-purple-deep: #3e2666;
  --tp-purple-mid: #4d3293;
  --tp-purple-bright: #6648cc;
  --tp-accent-violet: #8051ff;

  /* Secondary visual scales (0 = lightest … 4 = darkest); diagrams/charts/highlights — not primary UI text. */
  --vis-gray-0: #f8f9fa;
  --vis-gray-1: #e9ecef;
  --vis-gray-2: #ced4da;
  --vis-gray-3: #868e96;
  --vis-gray-4: #343a40;
  --vis-bw-near-black: #1e1e1e;
  --vis-bw-white: #ffffff;
  --vis-bronze-0: #f8f1ee;
  --vis-bronze-1: #eaddd7;
  --vis-bronze-2: #d2bab0;
  --vis-bronze-3: #a18072;
  --vis-bronze-4: #846358;
  --vis-cyan-0: #e3fafc;
  --vis-cyan-1: #99e9f2;
  --vis-cyan-2: #3bc9db;
  --vis-cyan-3: #15aabf;
  --vis-cyan-4: #0c8599;
  --vis-blue-0: #e7f5ff;
  --vis-blue-1: #a5d8ff;
  --vis-blue-2: #4dabf7;
  --vis-blue-3: #228be6;
  --vis-blue-4: #1971c2;
  --vis-violet-0: #f3f0ff;
  --vis-violet-1: #d0bfff;
  --vis-violet-2: #9775fa;
  --vis-violet-3: #7950f2;
  --vis-violet-4: #6741d9;
  --vis-grape-0: #f8f0fc;
  --vis-grape-1: #eebefa;
  --vis-grape-2: #da77f2;
  --vis-grape-3: #be4bdb;
  --vis-grape-4: #9c36b5;
  --vis-pink-0: #fff0f6;
  --vis-pink-1: #fcc2d7;
  --vis-pink-2: #f783ac;
  --vis-pink-3: #e64980;
  --vis-pink-4: #c2255c;
  --vis-green-0: #ebfbee;
  --vis-green-1: #b2f2bb;
  --vis-green-2: #69db7c;
  --vis-green-3: #40c057;
  --vis-green-4: #2f9e44;
  --vis-teal-0: #e6fcf5;
  --vis-teal-1: #96f2d7;
  --vis-teal-2: #38d9a9;
  --vis-teal-3: #12b886;
  --vis-teal-4: #099268;
  --vis-yellow-0: #fff9db;
  --vis-yellow-1: #ffec99;
  --vis-yellow-2: #ffd43b;
  --vis-yellow-3: #fab005;
  --vis-yellow-4: #f08c00;
  --vis-orange-0: #fff4e6;
  --vis-orange-1: #ffd8a8;
  --vis-orange-2: #ffa94d;
  --vis-orange-3: #fd7e14;
  --vis-orange-4: #e8590c;
  --vis-red-0: #fff5f5;
  --vis-red-1: #ffc9c9;
  --vis-red-2: #ff8787;
  --vis-red-3: #fa5252;
  --vis-red-4: #e03131;
}