:root{
  /* Brand */
  --mm-maple-red:#C42127;
  --mm-deep-maple:#9B1B2A;
  --mm-ink:#14283A;
  --mm-ink-2:#3A4A5A;
  --mm-goose-grey:#8A8F96;
  --mm-line:#D9D5CF;
  --mm-map-base:#EDEAE4;
  --mm-snow:#F7F5F2;
  --mm-white:#FFFFFF;
  /* Functional (in-app only) */
  --mm-clear:#2E7D4F;
  --mm-slow:#E0A21B;
  --mm-stopped:#C42127;
  --mm-water:#4A8FD9;
  /* Semantic */
  --color-bg:var(--mm-snow);
  --color-surface:var(--mm-white);
  --color-surface-inverse:var(--mm-ink);
  --color-map:var(--mm-map-base);
  --color-text:var(--mm-ink);
  --color-text-secondary:var(--mm-ink-2);
  --color-text-muted:var(--mm-goose-grey);
  --color-text-inverse:var(--mm-white);
  --color-border:var(--mm-line);
  --color-border-strong:var(--mm-ink);
  --color-accent:var(--mm-maple-red);
  --color-accent-hover:var(--mm-deep-maple);
  --color-accent-text:var(--mm-white);
  --color-route:var(--mm-maple-red);
  --color-success:var(--mm-clear);
  --color-warning:var(--mm-slow);
  --color-danger:var(--mm-stopped);
  --color-info:var(--mm-water);
  --color-focus:var(--mm-ink);
}