:root {
  --rosewater: #f2d5cf;
  --flamingo: #eebebe;
  --pink: #f4b8e4;
  --mauve: #ca9ee6;
  --red: #e78284;
  --maroon: #ea999c;
  --peach: #ef9f76;
  --yellow: #e5c890;
  --green: #a6d189;
  --teal: #81c8be;
  --sky: #99d1db;
  --sapphire: #85c1dc;
  --blue: #8caaee;
  --lavender: #babbf1;

  --main-color: var(--mauve);
  --main-background: #303446;
  --second-background: #292c3c;
  --hover-background: #414559;
  --main-background-transparent: #303446dd;
  --main-text: #c6d0f5;
  --dimmer-text: #949cbb;
  --green-color: var(--green);
  --red-color: var(--red);
}