:root {
    --font-primary: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --font-merriweather: "Merriweather", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

    --color-dark: rgba(63, 63, 63, 1);

    --color-navy-100: rgba(83, 87, 190, 0.12);
    --color-navy-200: #06789a;

    --color-gray-100: rgba(248, 249, 250, 1);
    --color-gray-200: rgba(101, 101, 101, 1);
    --color-gray-300: rgba(63, 63, 63, 1);
    --color-gray-400: rgba(83, 83, 83, 1);

    --color-light-gray: #f8f9fa;
    --color-body: #f0f0f0;

    --menu-height: 56px;
  }

  * {
    font-family: var(--font-primary);
  }

  body {
    background-color: var(--color-body);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-merriweather);
  }

  .form-control {
    border-radius: 8px;
  }

  .form-control::placeholder {
    font-weight: 400;
    color: rgba(171, 181, 190, 1);
  }

  .d-flex {
    gap: var(--gap);
  }