:root {
  --opsight-font-sans: "Open Sans", Arial, Helvetica, sans-serif;
  --opsight-font-display: Georgia, "Times New Roman", serif;
  --opsight-font-body-size: 1rem;
  --opsight-font-intro-size: 0.9375rem;
  --opsight-font-page-title: clamp(2.125rem, 4.5vw, 2.875rem);
  --opsight-font-table-size: 0.875rem;
  --opsight-font-table-heading-size: 0.694444rem;
  --opsight-paper: #f1ecdf;
  --opsight-paper-translucent: rgba(241, 236, 223, 0.97);
  --opsight-surface: #fffef9;
  --opsight-white-translucent: rgba(255, 255, 255, 0.32);
  --opsight-ink: #173a37;
  --opsight-green: #084743;
  --opsight-green-hover: #113d37;
  --opsight-green-divider: #537568;
  --opsight-muted: #59665f;
  --opsight-gold: #806431;
  --opsight-gold-light: #dec99f;
  --opsight-line: #d6d8cb;
  --opsight-tint: #e8ebe1;
  --opsight-soft-surface: #e7eade;
  --opsight-dark-muted: #c7d6cb;
  --opsight-error: #9b322b;
  --opsight-sage: #899886;
  --opsight-sage-border: #9daa98;
  --opsight-selection: #c2e3f3;
  --opsight-selection-accent: #16739a;
  --opsight-event-border: #bccbbb;
  --opsight-evidence-highlight: #e3eadf;
  --opsight-event-hover: #e7d4a9;
  --opsight-shadow: rgba(3, 32, 28, 0.5);
  --opsight-mask-opaque: #000;
  --opsight-carousel-dot: #777777;
  --opsight-carousel-track: #888888;
  --opsight-carousel-fill: #1d1d1d;
  --opsight-carousel-duration: 7000ms;
}

html {
  font-size: 90%;
}