:root {
  --janel-blue: #0b4a80;
  --janel-blue-dark: #002a5f;
  --janel-gray: #535657;
  --janel-footer: #454748;
  --janel-teal: #66cec4;
  --janel-cyan: #00abff;
  --janel-ink: #333333;
  --janel-muted: #6b7072;
  --janel-border: #d2d2d2;
  --janel-soft-border: #e8e9ef;
  --janel-surface: #f6f8ff;
  --janel-subtle: #f7f7f7;
  --janel-white: #ffffff;
  --janel-success: #339900;
  --janel-danger: #b42318;
  --janel-font: "Raleway", "Rawline", Arial, Helvetica, sans-serif;
  --janel-container: 1170px;
  --janel-nav-max: 1440px;
  --janel-header-height: 142px;
  --janel-radius: 2px;
  --janel-shadow: 0 5px 11px -2px rgb(0 0 4 / 20%);
  --janel-focus: 0 0 0 3px rgba(11, 74, 128, .25);
  --janel-transition: 180ms ease;
}