/*
This CSS holds the list of per-theme-customizable properties.
These variables are referenced in tfi-theme.scss, and also in the chart.js javascript code.
*/

:root {
  --scores-great-color: #36b219;
  --scores-good-color: #c3dc19;
  --scores-medium-color: #e5da19;
  --scores-fair-color: #e9b019;
  --scores-poor-color: #c52d19;
  --myscores-unattempted-color: white;
  --emphasisareas-unattempted-color: #808080;
  --background-color: #1e1e1e;
  --foreground-color: #e1e1e1;
  --foreground-subtle-color: #a0a0a0;
  --important-color: red;
  --wing-color: white;
  --error-color: red;
  --medium-highlight-color: #d3d3d3;
  --small-highlight-color: #4d4d4d;
  --link-color: #66c0f4;
  --link-hover-color: #e1e1e1;
  --background-adjust-color: #2e2e2e;
  --nav-background-color: #4d4d4d;
  --nav-highlight-color: #4d4d4d;
  --modal-header-background-color: #007bff;
  --modal-header-foreground-color: #fff;
  --modal-corner-radius: 8px;
  --body-font-family: 'Arial Condensed';
  --rem-size: 15px;
}