:root {
  --stp-color-black: #000000;
  --stp-color-silver: #8e7f78;
  --stp-color-golden: #d49d32;
  --stp-color-danger: #e6271b;
  --stp-color-amber: #e6b91b;
  
  --stp-color-primary: rgb(240,85,119);
  --stp-color-primary-accent: rgb(216,145,65);
  --stp-color-highlight: rgb(125,141,193);

  --stp-color-card-bg: rgb(54,50,89);
  --stp-color-card-bg-light: rgb(54,50,89);
  --stp-color-card-bg-lighter: rgb(54,50,89);
  --stp-color-card-hover: rgb(76,66,128);

  --stp-color-upcoming: {{upcoming}};
  --stp-color-running: {{running}};

  --stp-color-collapsible: rgb(53,79,82);
  --stp-color-border: rgb(53,79,82);
  --stp-color-tertiary: rgb(204,198,211);
  --stp-color-label: rgb(202,198,211);
  --stp-color-val: rgb(177,180,188);
  
  
  --stp-color-text-sub: rgb(208,209,221);
  --stp-color-marker: rgb(91,88,132);
  
  --stp-color-text: #FFFFFF;
  --stp-color-divider: rgba(94,89,135,0.67);
  --stp-color-shadow: #101521B3;
  --stp-color-tab: rgb(214,214,214);
  --stp-color-slide-label: #F3F3F399;
  --stp-color-overlay-1: #1B213200;
  --stp-color-overlay-2: #1B213280;
  --stp-color-overlay-3: #1B2132CC;
  --stp-color-pagination-bg: #2B324814;
  --stp-color-pagination-hover: #5B5AED14;
  --stp-color-pagination-border: #5B5AED80;
  --stp-color-title: #FFFFFF;
  --stp-color-collapsed: #F3F3F399;
}