:root {
  --mm-charcoal: #19191E;
  --mm-ink: #202127;
  --mm-paper: #F5F5F3;
  --mm-white: #FFFFFF;
  --mm-muted: #696B77;
  --mm-majestic: #A8A9B5;
  --mm-magenta: #B10B52;
  --mm-gold: #FFCC00;
  --mm-electric-yellow: #ECFF10;
  --mm-lime: #77E80D;
  --mm-mint: #01D5A0;
  --mm-cyan: #3DBDCF;
  --mm-violet: #4A1682;
  --mm-yellow: #F5E709;
  --mm-yellow-hover: #FFF23B;
  --mm-yellow-ink: #6B6100;
  --mm-accent: var(--mm-yellow);
  --mm-accent-hover: var(--mm-yellow-hover);
  --mm-accent-ink-light: var(--mm-yellow-ink);
  --mm-action-text: var(--mm-charcoal);
  --mm-font-display: "Montserrat", sans-serif;
  --mm-font-body: "DM Sans", sans-serif;
}