:root {
  --rosewater: #dc8a78;
  --flamingo: #dd7878;
  --pink: #ea76cb;
  --mauve: #8839ef;
  --red: #d20f39;
  --maroon: #e64553;
  --peach: #fe640b;
  --yellow: #df8e1d;
  --green: #40a02b;
  --teal: #179299;
  --sky: #04a5e5;
  --sapphire: #209fb5;
  --blue: #1e66f5;
  --lavender: #7287fd;

  --main-color: var(--mauve);
  --main-background: #eff1f5;
  --second-background: #e6e9ef;
  --hover-background: #ccd0da;
  --main-background-transparent: #eff1f5dd;
  --main-text: #4c4f69;
  --dimmer-text: #7c7f93;
  --green-color: var(--green);
  --red-color: var(--red);
}