:root {
  --color-black: #000000;
  --color-dark: #0d0d0d;
  --color-dark-bg: #1a1a1a;
  --color-light-bg: #e2e2e2;
  --color-darkgray: #5c5c5c;
  --color-gray: #646464;
  --color-hover: #797979;
  --color-lightgray: #c5c5c5;
  --color-light: #d0d0d0;
  --color-white: #ffffff;
  --gradient-bg: linear-gradient(135deg, #0d0d0d, #1a1a1a);

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  --font-headers: 'Manrope', sans-serif;
  --font-body: 'Montserrat', sans-serif;
}