/*
 * TMS theme: main (neutral purple and orange palette)
 *
 * Served at runtime as /branding/theme.css (see k8s/nginx/default.conf.template and vite.config.ts).
 * The active theme is selected with the TMS_THEME environment variable (default: yellow).
 *
 * All themes must define the same set of variables.
 * Colors read from TypeScript (charts) must be 6-digit hex values (#RRGGBB).
 */
:root {
  /* Mono */
  --Mono-Pure-Black: #160a22;
  --Mono-Black: #160a22;
  --Mono-Icon-Black: #160a22;
  --Mono-Pure-White: #fff;
  --Mono-Off-White: #f7f6f7;
  --Mono-Background: #f7f6f7;
  --Mono-Light-Grey: #dcddde;
  --Mono-Grey: #c8c8c8;
  --Mono-Dark-Grey: #7b7b7b;
  --Mono-Darker-Grey: #6b6b6b;

  /* Brand */
  --Brand-Primary: #f36c21;
  --Brand-Primary-Light: #ffe1b1;
  --Brand-Primary-Dark: #ec651a;
  --Brand-Primary-Text: #9a3c08;
  --Brand-Primary-Tint-1: #fef0e8;
  --Brand-Primary-Tint-2: #fef0e8;
  --Brand-Primary-Tint-3: #fef0e8;
  --Brand-Primary-Tint-4: #fef0e8;
  --Brand-On-Primary: #fff;
  --Brand-Secondary: #2b1343;
  --Brand-Highlight: #f36c21;
  --Brand-Orange: #f36c21;
  --Brand-Red: #f32121;
  --Brand-Pink: #e31181;
  --Brand-Light-Purple: #e8e1f0;
  --Brand-Dark-Purple: #160a22;
  --Brand-Purple: #2b1343;
  --Brand-Pale-Purple: #f7f6f7;

  /* Status */
  --Status-Success: #0cb544;
  --Status-Error: #f32121;
  --Status-Warning: #faa824;
  --Status-Info: #0072bc;
  --Status-Info-Light: #009ee0;
  --Status-Info-Dark: #265cbf;
  --Status-Info-Pale: #e6f0ff;

  /* Menu */
  --Menu-Background: #2b1343;
  --Menu-Text: #f7f6f7;
  --Menu-Item-Hover-Background: #3d1d5e;
  --Menu-Item-Hover-Text: #f7f6f7;
  --Menu-Item-Active-Background: #f36c21;
  --Menu-Item-Active-Text: #fff;
  --Menu-Category-Open-Background: #160a22;
  --Menu-Avatar-Variant: initials; /* icon | initials (when there is no profile picture) */
  --Menu-Avatar-Ring: rgba(202, 199, 204, 0.1);
  --Menu-Avatar-Background: #bdbdbd;
  --Menu-Avatar-Text: #fff;
  --Menu-Category-Open-Text: #f36c21;

  /* Button (contained) */
  --Button-Primary-Background: #2b1343;
  --Button-Primary-Text: #fff;
  --Button-Primary-Hover-Background: #f36c21;
  --Button-Primary-Hover-Text: #fff;

  /* Charts (6-digit hex) */
  --Chart-1: #009EE0;
  --Chart-2: #0072BC;
  --Chart-3: #0CB544;
  --Chart-4: #FAA824;
  --Chart-5: #F36C21;
  --Chart-6: #F32121;
  --Chart-7: #6C30A9;

  /* MUI palette */
  --Mui-Primary-Main: #2b1343;
  --Mui-Primary-Light: #6c30a9;
  --Mui-Primary-Dark: #160a22;
  --Mui-Primary-Contrast-Text: #fff;
}