/* Made by the components tool from brand 1.11. Change it in shared/components/brand instead. */
/* NSysNets' auto look, made by the brand maker from its brand file. Change the brand file, not this. */
:root {
  color-scheme: light;
  --page: #f4f4f4;
  --surface: #ffffff;
  --line: #e0e0e0;
  --text: #111111;
  --muted: #555555;
  --accent: #111111;
  --accent-light: #333333;
  --accent-deep: #111111;
  --on-accent: #ffffff;
  --accent-text: #111111;
  --header-bg: #111111;
  --header-text: #ffffff;
  --header-muted: #b5b5b5;
  --header-accent: #ffffff;
  --heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --corner: 8px;
  --good-fill: #dff5e7;
  --good-text: #116033;
  --warn-fill: #fff0b8;
  --warn-text: #5c4600;
  --bad-fill: #fde7e7;
  --bad-text: #a3211a;
  --plain-fill: #e8e8e4;
  --plain-text: #4a4a46;
  --nsys-bar-glass: 78%;
  --nsys-panel-glass: 80%;
  --nsys-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  --nsys-backdrop: rgba(0, 0, 0, 0.45);
  --nsys-quick: 150ms;
  --nsys-standard: 200ms;
  --nsys-slow: 250ms;
  --nsys-appear: cubic-bezier(0.2, 0, 0, 1);
  --nsys-leave: cubic-bezier(0.3, 0, 1, 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --page: #0a0a0a;
    --surface: #1c1c1c;
    --line: #3a3a3a;
    --text: #ffffff;
    --muted: #b5b5b5;
    --accent: #ffffff;
    --accent-light: #d9d9d9;
    --accent-deep: #ffffff;
    --on-accent: #111111;
    --accent-text: #ffffff;
    --header-bg: #111111;
    --header-text: #ffffff;
    --header-muted: #b5b5b5;
    --header-accent: #ffffff;
    --heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --corner: 8px;
    --good-fill: #103321;
    --good-text: #8ae8b2;
    --warn-fill: #3a2e0a;
    --warn-text: #ffd35c;
    --bad-fill: #3f1719;
    --bad-text: #ffb1b2;
    --plain-fill: #2c2c31;
    --plain-text: #d0d0d6;
    --nsys-bar-glass: 78%;
    --nsys-panel-glass: 82%;
    --nsys-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
    --nsys-backdrop: rgba(0, 0, 0, 0.6);
  }
}
