:root {
  --color-white: hsl(0, 0%, 100%);
  --color-white-dark-1: hsl(0, 0%, 90%);
  --color-black: hsl(0, 0%, 15%);
  --color-black-05: hsla(0, 0%, 15%, 0.05);
  --color-black-10: hsla(0, 0%, 15%, 0.1);
  --color-black-20: hsla(0, 0%, 15%, 0.2);
  --color-black-30: hsla(0, 0%, 15%, 0.3);
  --color-black-50: hsla(0, 0%, 15%, 0.5);
  --color-black-light-1: hsl(0, 0%, 20%);
  --color-black-light-2: hsl(0, 0%, 30%);
  --color-black-light-3: hsl(0, 0%, 45%);
  --color-black-light-4: hsl(0, 0%, 70%);
  --color-black-light-8: hsl(0, 0%, 80%);
  --color-gray: hsl(0, 0%, 80%);
  --color-gray-light-1: hsl(0, 0%, 90%);
  --color-primary-light-1: hsl(341, 50%, 70%);
  --color-primary: hsl(341, 80%, 45%);
  --color-primary-dark-1: hsl(341, 80%, 40%);
  --color-secondary-light-1: hsl(250, 86%,80%);
  --color-secondary: hsl(250, 86%, 35%);
  --color-highlight: hsla(59, 86%, 60%, 1);
  --color-search: #ebedee;
  --color-placeholder: var(--color-black-light-3);
  --color-border: var(--color-black-light-8);
  --color-link-primary: var(--color-black);
  --color-link-primary-hover: var(--color-primary);
  --color-link-secondary: var(--color-black-light-3);
  --color-link-secondary-hover: var(--color-secondary);
  --color-background: hsla(233, 10%, 98%, 1);
  --color-text: var(--color-black);
}
