:root {
  --color-secondary-100: #ebeaef;
  --color-secondary-200: #cecbd8;
  --color-secondary-300: #b0abc1;
  --color-secondary-400: #746c92;
  --color-secondary-500: #392d63;
  --color-secondary-600: #332959;
  --color-secondary-700: #221b3b;
  --color-secondary-800: #1a142d;
  --color-secondary-900: #110e1e;

  --color-accent-100: #faeaeb;
  --color-accent-200: #f2cacc;
  --color-accent-300: #e9abad;
  --color-accent-400: #d96b70;
  --color-accent-500: #c92c32;
  --color-accent-600: #b5282d;
  --color-accent-700: #791a1e;
  --color-accent-800: #5a1417;
  --color-accent-900: #3c0d0f;

  --color-primary-100: #edfaf6;
  --color-primary-200: #d2f2e9;
  --color-primary-300: #b7ebdc;
  --color-primary-400: #82dbc1;
  --color-primary-500: #4ccca7;
  --color-primary-600: #44b896;
  --color-primary-700: #2e7a64;
  --color-primary-800: #225c4b;
  --color-primary-900: #173d32;

  --color-contrast-100: #e7e7e7;
  --color-contrast-200: #c4c4c4;
  --color-contrast-300: #a0a0a0;
  --color-contrast-400: #595959;
  --color-contrast-500: #121212;
  --color-contrast-600: #101010;
  --color-contrast-700: #0b0b0b;
  --color-contrast-800: #080808;
  --color-contrast-900: #050505;

  --color-gray-100: #fdfdfd;
  --color-gray-200: #f9f9f9;
  --color-gray-300: #f6f6f6;
  --color-gray-400: #efefef;
  --color-gray-500: #e8e8e8;
  --color-gray-600: #d1d1d1;
  --color-gray-700: #8b8b8b;
  --color-gray-800: #686868;
  --color-gray-900: #464646;

  --color-dark-gray-50: #f5f5f5;
  --color-dark-gray-100: #eaeaea;
  --color-dark-gray-200: #cbcbcb;
  --color-dark-gray-300: #ababab;
  --color-dark-gray-400: #6d6d6d;
  --color-dark-gray-500: #2e2e2e;
  --color-dark-gray-600: #292929;
  --color-dark-gray-700: #232323;
  --color-dark-gray-800: #1c1c1c;
  --color-dark-gray-900: #171717;

  --color-light: #cbd5e0;
  --color-medium: #434b52;
  --color-dark: #232323;
  --color-dark-translucent: rgba(31, 44, 56, 0.8);

  --body-background-color: #000;

  --color-react: #61dafb;
  --color-vue: #e87409;
  --color-angular: #dd0031;
  --color-frontend-love: #f0353b;
  --color-productup: #0137e3;

  --color-primary-invert: #fff;
  --primary-text: #000;

  --color-pp-primary: #392d63;
  --color-pp-accent: #4ccca7;
}