.bg-green {
      background-color: var(--color-green);
  }

  .bg-green-dark {
      background-color: var(--color-green-dark);
  }

  .bg-green-darker {
      background-color: var(--color-green-darker);
  }

  .bg-green-darkest {
      background-color: var(--color-green-darkest);
      color: #fff;
  }

  .bg-brown-light {
      background-color: var(--color-brown-light);
  }

  .bg-brown {
      background-color: var(--color-brown);
      color: #fff;
  }

  .bg-brown-dark {
      background-color: var(--color-brown-dark);
      color: #fff;
  }

  .bg-blue-lighter {
      background-color: var(--color-blue-lighter);
  }

  .bg-blue-light {
      background-color: var(--color-blue-light);
  }

  .bg-blue-dirty {
      background-color: var(--color-blue-dirty);
  }

  .bg-blue {
      background-color: var(--color-blue);
      color: #fff;
  }

  .bg-blue-dark {
      background-color: var(--color-blue-dark);
      color: #fff;
  }

  .bg-blue-darker {
      background-color: var(--color-blue-darker);
      color: #fff;
  }