:root {
  --fon: rgba(248, 248, 248, 1);
  --black: rgba(0, 0, 0, 1);
  --black10p: rgba(0, 0, 0, 0.1);
  --black09p: rgba(0, 0, 0, 0.09);
  --black05p: rgba(0, 0, 0, 0.05);
  --black04p: rgba(0, 0, 0, 0.04);
  --black03p: rgba(0, 0, 0, 0.03);
  --black01p: rgba(0, 0, 0, 0.01);
  --black0p: rgba(0, 0, 0, 0);
  --white: rgba(255, 255, 255, 1);
  --white50p: rgba(255, 255, 255, 0.5);
  --white10p: rgba(255, 255, 255, 0.1);
  --gray: rgba(124, 127, 131, 1);
  --grayBlack: rgba(79, 79, 79, 1);
  --grayLight: rgba(177, 177, 177, 1);
  --violetDark: rgba(67, 64, 82, 1);
  --violetLight: rgba(227, 215, 250, 1);
  --purple: rgba(213, 42, 232, 0.5);
  --orange: rgba(255, 134, 65, 1);
  --orangeH: rgba(192, 70, 0, 1);
  --grayDark: rgba(194, 194, 194, 0.1);
  --blackLight: rgba(255, 134, 65, 0);
  --violet: rgba(112, 33, 204, 1);
  --fon404:rgba(226, 214, 250, 1);
  --directionsFon: rgba(249, 249, 249, 0.4);
  --servicesFon: rgba(249, 249, 249, 1);
  --blueDark: rgba(73, 67, 105, 1);
  --border: rgba(224, 224, 224, 1);
  --text: rgba(113, 111, 134, 1);
  --footerText: rgba(184, 182, 211, 1);
  --title: rgba(43, 46, 51, 1);
  --focus: rgba(255, 216, 193, 1);

  --transition: .3s ease;
}