:root {
  --c-black: hsl(0 0 15);
  --c-black-darker: hsl(0 0 10);

  --c-gray: hsl(0 0 96);
  --c-gray-border: hsl(0 0 84);
  --c-gray-border-2: hsl(0 0 81);
  --c-gray-border-3: hsl(0 0 80);
  --c-gray-text: hsl(0 0 69);
  --c-gray-500: hsl(220 13 46);
  --c-dark-gray-text: hsl(0 0 40);

  --c-green: hsl(121 84 30);
  --c-light-green: hsl(155 68 45);

  --c-brown: hsl(27 65 22);
  --c-dark-brown: hsl(27 100 16);

  --c-orange: hsl(35 100 47);
  --c-red: hsl(356 91 35);
  --c-graphite: hsl(30 3 14);
  --c-yellow: hsl(51 100 50);
  --c-blue: hsl(209 100 37);
  --c-biege: hsl(31 51 52);


  --c-ui-kit-text: hsl(0 1 16);
  --c-placeholder: hsl(202 4 39);
}