:root {
  --c-black: #181A20;
  --c-primary: #363E42;
  --c-action: #0063FC;
  --c-icon: var(--c-primary);
  --link: #388ED6;
  --link-hover-color: #388ED6;
  --nav-background-color: var(--c-primary);
  --nav-text-color: var(--c-white);
  --nav-link-color: var(--c-white);
  --hero-background-color: var(--c-primary);
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);
  --hero-benefits-background-color: var(--c-primary);
  --hero-benefits-text-color: var(--c-white);
  --hero-benefits-icon-color: var(--c-white);
  --how-it-works-number-color: #388ED6;
  --how-it-works-subtitle-color: #388ED6;
  --reviews-section-button-text: var(--c-primary);
  --footer-background-color: var(--c-black);
}