:root {
  --font-sans-serif: 'Atkinson Hyperlegible Next', sans-serif;
  --font-monospace: 'Comic Mono', monospace;
  --color-bg: #edccdf;
  --color-fg: #111;
  --color-accent-primary: #c0237b;
  --color-accent-primary-highlighted: #da70ac;
  --color-accent-secondary1: #81084d;
  --color-accent-secondary2: #81084d;
  --color-accent-tertiary1: #651ca1;
  --color-accent-tertiary2: #8335c3;
  --color-bg2: #f2e8ef;
  --color-bg3: #f2e8ef;
  --color-bg4: #f9b8dd;
  --border-radius1: 0.5rem;
  --border-radius-circle: 50%;

  --color-maddie-lavender: #492c80;
  --color-ruby-red: #9d1919;
  --color-glimmer-green: #278077;
  --color-selphie-pink: #c82a83;
  --color-mio-yellow: #cf8300;
  --color-valeria-pink: #b940c7;
}