:root {
  --brand: #0f4e54;
  --brand-dark: #082b2e;
  --brand-deep: #082b2e;
  --accent: #00a69f;
  --page: #ffffff;
  --card: #ffffff;
  --line: #e2e8e9;
  --ink: #0d0d0d;
  --muted: #647071;
  --input: #edf2f2;
  --alert: #f15540;
  --yellow: #fae105;
  --amber: #cc8f0b;
  --nav-active: rgba(0, 166, 159, 0.22);
  --lime: #c1e524;
  --green-2: #a4c21e;
  --green-3: #88a700;
  --gold-1: #f1b940;
  --cat-teal: #00a69f;
  --cat-olive: #88a700;
  --cat-coral: #f37766;
  --cat-yellow: #fae105;
  --cat-deep-teal: #0f4e54;
  --cat-gold: #f1b940;
  --brand-fill: var(--brand);
  --brand-fill-dark: var(--brand-dark);
  --muted-fill: var(--muted);
  --toolbar: #ecf3f2;
  --field: #ffffff;
  --alert-bg: #fcfdfd;
  --badge: var(--brand-fill);
  --badge-hover: #1f838a;
  --notice-wash: #fef7b7;
  --notice-line: #f6e58a;
  --notice-bar: #f1b940;
  --notice-ink: #cc8f0b;
  --notice-disc: #f1b940;
  --notice-disc-ink: var(--brand-deep);
  --notice-text: var(--ink);
  --early-out: #c73e7c;
  --no-school: #c2442d;
  --no-aftercare: #6f4fa0;
  --other: #4c6a70;
}