:root{
  --navy: #0f2742;
  --navy-2: #173557;
  --teal: #0e8f87;
  --teal-dark: #0a6f69;
  --teal-soft: #e3f4f2;
  --bg: #f4f6f9;
  --surface: #ffffff;
  --line: #dde3ea;
  --text: #15202e;
  --muted: #5b6878;
  --ok: #136843;
  --ok-soft: #e2f4ea;
  --warn: #a15c00;
  --warn-soft: #fdf0dc;
  --bad: #b3261e;
  --bad-soft: #fbe6e4;
  --grey-soft: #eceff3;
  --side: #0b1f33;
  --side-2: #14304b;
  --side-line: #1e3a57;
  --side-text: #b9c7d6;
  --canvas: #f8f6f2;
  --card: #ffffff;
  --hair: #e6e1d8;
  --ink: #172230;
  --ink-2: #566272;
  --accent: #0f766e;
  --accent-ink: #0b5b55;
  --accent-soft: #e4f1ef;
  --teal-mark: #35c5ba;
}