:root {
  --space-05: 0.25rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-10: 5rem;
  --space-20: 10rem;

  --renow-pink: #ffb3ce;
  --renow-pink-light: #ffe0ec;
  --renow-pink-dark: #74205b;
  --renow-blue: #030058;
  --renow-blue-light: #e6f4ff;
  --renow-white: #ffffff;
  --renow-gray-light: #f5f3f0;
  --renow-gray-dark: #e8e0d5;
  --renow-text-gray: #626262;
  --renow-black: #1d1d1d;
  --renow-text-error: #820014;

  --renow-green: #2fe369;
  --renow-yellow: #faad14;
  --renow-red: #ff5516;

  --color-error: #ffa39e;
  --color-error-highlight: #fff1f0;

  --color-primary: var(--renow-blue);
  --color-secondary: var(--renow-gray-dark);
  --color-accent-light: var(--renow-pink-light);
  --color-accent-dark: var(--renow-pink-dark);

  --color-white: var(--renow-white);
  --color-black: var(--renow-black);
  --color-blue: var(--renow-blue);
  --color-text-gray: var(--renow-text-gray);
  --color-background-light: var(--renow-gray-light);
  --color-background-dark: var(--renow-gray-dark);
  --color-background-blue: var(--renow-blue-light);

  --font-weight-light: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}