body {
  /* background */
  --hsl-color-dark-background-primary: 29, 29, 29, 1; /* #1d1d1d */
  --hsl-color-dark-background-secondary: 133, 133, 133, 1; /* #858585 */ /* UNUSED */
  --hsl-color-dark-background-tertiary: 133, 133, 133, 0.2; /* #85858533 */
  --hsl-color-dark-background-text-primary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-background-text-secondary: 133, 133, 133, 1; /* #858585 */
  --hsl-color-dark-background-text-tertiary: 133, 133, 133, 1; /* #858585 */ /* USED FOR FOOTER */

  /* paper */
  --hsl-color-dark-paper-primary: 17, 17, 17, 1; /* #111111 */
  --hsl-color-dark-paper-secondary: 133, 133, 133, 1; /* #858585 */
  --hsl-color-dark-paper-tertiary: 133, 133, 133, 0.2; /* #85858533 */
  --hsl-color-dark-paper-text-primary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-paper-text-secondary: 133, 133, 133, 1; /* #858585 */
  --hsl-color-dark-paper-text-tertiary: 232, 237, 243, 0.5; /* #E8EDF380 */

  /* paper inverted */
  --hsl-color-dark-paper-inverted-primary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-paper-inverted-secondary: 152, 152, 158, 1; /* #98989E */
  --hsl-color-dark-paper-inverted-tertiary: 133, 133, 133, 1; /* #858585 */
  --hsl-color-dark-paper-inverted-text-primary: 33, 36, 41, 1; /* #212429 */
  --hsl-color-dark-paper-inverted-text-secondary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-paper-inverted-text-tertiary: 152, 152, 158, 1; /* #98989E */

  /* paper inner */
  --hsl-color-dark-paper-inner-primary: 34, 34, 34, 1; /* #222222 */
  --hsl-color-dark-paper-inner-secondary: 45, 45, 45, 1; /* #2D2D2D */
  --hsl-color-dark-paper-inner-text-primary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-paper-inner-text-secondary: 133, 133, 133, 1; /* #858585 */
  --hsl-color-dark-paper-inner-text-tertiary: 232, 237, 243, 0.5; /* #E8EDF380 */ /* UNUSED */

  /* accent */
  --hsl-color-dark-accent-primary: 200, 16, 46, 1; /* #c8102e */
  --hsl-color-dark-accent-secondary: 148, 11, 34, 1; /* #940b22 */
  --hsl-color-dark-accent-tertiary: 200, 16, 46, 0.75; /* #c8102ebf */
  --hsl-color-dark-accent-text-primary: 255, 255, 255, 1; /* #FFFFFF */
  --hsl-color-dark-accent-text-secondary: 133, 133, 133, 1; /* #858585 */ /* UNUSED (ONLY FOR MUI) */
  --hsl-color-dark-accent-text-tertiary: 232, 237, 243, 0.5; /* #E8EDF380 */ /* UNUSED (ONLY FOR MUI) */

  /* special */
  --hsl-color-dark-special-error-primary: 211, 47, 47, 1; /* #D32F2F */
  --hsl-color-dark-special-warning-primary: 247, 147, 26, 1; /* #F7931A */
  --hsl-color-dark-special-success-primary: 58, 184, 58, 1; /* #3AB83A */

  /* charts */
  --hsl--color-dark-chart-point-0: 255, 255, 255, 0.5; /* #ffffff80 */
  --hsl--color-dark-chart-point-1: 255, 255, 255, 0.5; /* #ffffff80 */
  --hsl--color-dark-chart-point-2: 255, 255, 255, 0.5; /* #ffffff80 */
  --hsl--color-dark-chart-point-3: 255, 255, 255, 0.5; /* #ffffff80 */
  --hsl--color-dark-chart-point-0-error: 221, 22, 22, 1; /* #dd1616 */
  --hsl--color-dark-chart-point-1-error: 221, 22, 22, 0.52; /* #dd161685 */
  --hsl--color-dark-chart-point-2-error: 221, 22, 22, 0.38; /* #dd161660 */
  --hsl--color-dark-chart-point-3-error: 221, 22, 22, 0.31; /* #dd161650 */

  --hsl--color-dark-chart-divider: 255, 255, 255, 0.2; /* #ffffff33 */
  --hsl--color-dark-chart-divider-error: 221, 22, 22, 0.52; /* #dd161685 */

  /* variables for charts */
  --color-dark-chart-point-0: rgba(var(--hsl--color-dark-chart-point-0));
  --color-dark-chart-point-1: rgba(var(--hsl--color-dark-chart-point-1));
  --color-dark-chart-point-2: rgba(var(--hsl--color-dark-chart-point-2));
  --color-dark-chart-point-3: rgba(var(--hsl--color-dark-chart-point-3));
  --color-dark-chart-point-0-error: rgba(var(--hsl--color-dark-chart-point-0-error));
  --color-dark-chart-point-1-error: rgba(var(--hsl--color-dark-chart-point-1-error));
  --color-dark-chart-point-2-error: rgba(var(--hsl--color-dark-chart-point-2-error));
  --color-dark-chart-point-3-error: rgba(var(--hsl--color-dark-chart-point-3-error));

  --color-dark-chart-divider: rgba(var(--hsl--color-dark-chart-divider));
  --color-dark-chart-divider-error: rgba(var(--hsl--color-dark-chart-divider-error));

  --color-dark-chart-axes: rgba(var(--hsl-color-dark-background-secondary));
  --color-dark-chart-bg: rgba(var(--hsl-color-dark-paper-primary));
}