:root {
  --rosewater: #f5e0dc;
  --flamingo: #f2cdcd;
  --pink: #f5c2e7;
  --mauve: #cba6f7;
  --red: #f38ba8;
  --maroon: #eba0ac;
  --peach: #fab387;
  --yellow: #f9e2af;
  --green: #a6e3a1;
  --teal: #94e2d5;
  --sky: #89dceb;
  --sapphire: #74c7ec;
  --blue: #89b4fa;
  --lavender: #b4befe;

  --main-color: var(--mauve);
  --main-background: #1e1e2e;
  --second-background: #181825;
  --hover-background: #313244;
  --main-text: #cdd6f4;
  --dimmer-text: #9399b2;
  --green-color: var(--green);
  --red-color: var(--red);
}