/* Tomorrow and Tomorrow Night base colours with green and amber status tones.
   light-dark() follows the operating system unless an explicit mode is set.
   Status tones have at least 3:1 contrast on the page, their tints and bands
   (checked by jstest/theme_test.ts). */
:root {
  color-scheme: light dark;
  --page: light-dark(#ffffff, #1d1f21);
  --text: light-dark(#4d4d4c, #c5c8c6);
  --muted: light-dark(#7f7f7e, #969998);
  --accent: light-dark(#4271ae, #81a2be);
  --selection: light-dark(#d6d6d6, #373b41);
  --error: light-dark(#c82829, #cc6666);
  --error-bg: light-dark(#f8e3e3, #34282a);
  --error-border: light-dark(#e69e9f, #6c3f40);
  --warning: light-dark(#b35c00, #f5a524);
  --warning-bg: light-dark(#f4e7d9, #3d3321);
  --warning-border: light-dark(#ddb68c, #7e5b22);
  --up: light-dark(#2e7d32, #4cc35e);
  --down: light-dark(#c82829, #cc6666);
  --amber: light-dark(#b35c00, #f5a524);
  --unknown: light-dark(#b35c00, #f5a524);
  --nodata: light-dark(#c5c5c5, #535657);
  --mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--page);
  color: var(--text);
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }