:root {
  font-family: "Inter", sans-serif;
  --color-white: #ffffff;
  --color-dark: #414651;
  --color-grey-white: #fafafa;
  --color-light-purple: #f6f7ff;

  --color-neutral-1100: #141414;
  --color-neutral-1000: #1f1f1f;
  --color-neutral-900: #262626;
  --color-neutral-800: #434343;
  --color-neutral-600: #8c8c8c;
  --color-neutral-500: #bfbfbf;
  --color-neutral-400: #d9d9d9;
  --color-neutral-200: #f5f5f5;

  --color-primary-1000: #1f235b;
  --color-primary-950: #2d3282;
  --color-primary-900: #2d31a6;
  --color-primary-800: #3538cd;
  --color-primary-700: #444ce7;
  --color-primary-400: #a4bcfd;
  --color-primary-300: #c7d7fe;
  --color-primary-200: #e0eaff;
  --color-primary-100: #eef4ff;
  --color-primary-50: #f5f8ff;

  --color-secondary-1000: #542c0d;
  --color-secondary-700: #ca8403;
  --color-secondary-600: #eaa907;
  --color-secondary-100: #fefbe8;

  --border-grey: #d5d7da;
  --border-white: #e9eaeb;
  --border-gold: #b99e58;
}