:root {
  --navy: #243b4b;
  --navy-2: #243b4b;
  --teal: #4f758b;
  --teal-dark: #3f6073;
  --teal-light: #a9c3d2;
  --bg: #f6f8fa;
  --bar: #fbfcfd;
  --card: #ffffff;
  --border: #d4dfe5;
  --ink: #243b4b;
  --text: #52616c;
  --muted: #5e6d78;
  --faint: #c8d0d4;
  --info-bg: #edf3f7;
  --warn-bg: #fff8e9;
  --warn-border: #f1dfb5;
  --highlight: #fff6cc;
  --amber-bg: #f5ede0; --amber: #8a5a12;
  --green-bg: #e3eee9; --green: #276d4f;
  --red-bg: #f3e6e6;   --red: #a84444;
  --disabled: #e8eef1;
  --sans: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  --serif: Georgia, "Times New Roman", "Liberation Serif", serif;
  --radius: 12px;
  --radius-sm: 6px;
  --gutter: 48px;
  --maxw: 1344px;
}