:root {
  --color-positive-push:                oklch(73% 62% 142deg / 25%);
  --color-neutral-push:                 oklch(100% 0% 90deg / 15%);
  --color-negative-push:                oklch(100% 0% 19deg / 25%);
  --color-primary:                      oklch(from rgb(200,200,200) L C H);
  --color-light:                        oklch(from hsl(200, 15%, 90%) L C H);
  --color-dark:                         oklch(from rgb(25,25,25) L C H);

  /* Print for PDF * should remain rgb */
  --print-black:                        rgb(32,32,32);

  /* Background */
  --color-background:                   rgb(25, 25, 25);
  --color-background-body:              rgba(0, 0, 0, 0.8);
  --color-background-screener:          rgb(25, 25, 25);
  --color-background-tint:              hsla(200, 15%, 90%, 1);

  /* Background - Widgets have a gradient. so we need a lighter color than the actual background - this value will be calculated. */
  --color-background-light:             hsla(200, 14%, 31%, 1);
  --color-background-shine:             rgb(100,100,100);
  --color-background-zebra-table-hover: hsla(200, 20%, 35%, 0.8);
  --color-background-gradient:          rgb(30,30,30);

  /* Group Colors for widget grouping */
  --color-widget-group-1:             oklch(from rgb(187, 203, 86) L C H);
  --color-widget-group-2:             oklch(from rgb(0, 198, 251) L C H);
  --color-widget-group-3:             oklch(from rgb(236, 87, 128) L C H);
  --color-widget-group-4:             oklch(from rgb(251, 190, 13) L C H);

  /* Accent Colors */
  --color-accent-0:                   oklch(from rgb(0, 198, 251) L C H);
  --color-accent-1:                   oklch(from rgb(230, 140, 44) L C H);
  --color-accent-2:                   oklch(from rgb(251, 190, 13) L C H);
  --color-accent-3:                   oklch(from rgb(187, 203, 86) L C H);
  --color-accent-4:                   oklch(from rgb(228, 124, 255) L C H);
  --color-accent-5:                   oklch(from rgb(236, 87, 128) L C H);

  /* Forms */
  --color-hint:                      var(--color-accent-1);
  --color-placeholder-text:          var(--color-light);
  --color-input-placeholder:         var(--color-light);
  --color-dz-orange:                 oklch(from rgb(240, 130, 0) L C H);
  --color-dz-blue:                   oklch(from rgb(0, 101, 179) L C H);


  /* Screener Colors */
  --color-screener:                  oklch(from rgb(200,200,200) L C H);

  --color-standard:                  oklch(from rgb(255, 255, 255) L C H);
  --color-standard-inverse:          oklch(from rgb(0, 0, 0) L C H);


  /** TODO: ALL THESE BELOW DO NOT APPEAR TO BE IN USE - CHECK **/

  /* Background - Used but without fallback */
  /* --color-background-negative:          abc */

  /* Background -  Not in use */
  /* --color-background-neutral:           hsla(200, 15%, 90%, 1); */
  /* --color-background-negative:          XYZ */
  /* --color-background-positive:          XYZ */

  /* Color Widget Gallery */
  /*--color-widgetgallery-highlight: var(--color-primary);*/
  /*--color-widgetgallery-background: oklch(from rgb(25, 25, 25) L C H);*/
  /*--color-widgetgallery-title: var(--color-light);*/

  /* Border Color */
  --color-border:                       rgb(100,100,100);
  --color-separator:                    rgb(100,100,100);

  /* Shadow Color */
  --color-shadow-header:                rgba(0,0,0,0.5);

  /* Push-Colors - Not in use */
  /* --color-positive-push:                rgba(0, 204, 0, .25); */
  /* --color-neutral-push:                 rgba(255, 255, 255, .15); */
  /* --color-negative-push:                rgba(255, 0, 0, .25); */

  /* Fixed Colors */
  --color-label:                        hsla(200, 15%, 90%, 1);

  /* Opaque toolbar/panel backgrounds */
  --color-toolbar-background:           rgb(56,54,48);
  /* --color-toolbar-header:               oklch(from var(--color-primary) L C H / 10%); NOT IN USE*/
  --color-input-background:             rgba(200,200,200,0.5);
  --color-input-border:                 rgb(255, 255, 255);

  /* Assistive colors for Colorblindness (Deuteranopia, Protanopia & Tritanopia) */
  --color-sub-row-header:               rgb(200,200,200);
  --color-scroll-track:                 var(--color-black);
  --color-scroll-thumb:                 var(--color-black);

  /* Forms */
  /*--derivative-matrix-highlighted-row: var(--color-accent-1);*/
  /*--derivative-matrix-summary-row: var(--color-accent-0);*/
}