:root {
  --np-button-color: #02313a;
  --np-button-font-color: #ffffff;
  --np-button-hover-color: #c0e1f8;
  --np-header-color: #ffffff;
  --np-header-font-color: #ffffff;
  --np-header-font-hover-color: #c0e1f8;
  --np-learning-header-color: #ffffff;
  --np-learning-header-font-color: #3b3f3d;
  --np-learning-header-font-hover-color: #3b3f3d;
  --np-learning-link-button-color: #c0e1f8;
  --np-learning-progress-bar-color: #c0e1f8;
}

  .np-header-color {
    background: var(--np-header-color);
  }

  .np-header-font-color {
    color: var(--np-header-font-color);
  }
  .np-header-font-background-color {
    background: var(--np-header-font-color);
  }

  .np-header-desktop-nav-link:hover {
    color: var(--np-header-font-hover-color);
  }

  .np-button,
  .np-button-background-color {
    background-color: var(--np-button-color);
  }
  .np-button-background-color-on-hover:hover {
    background-color: var(--np-button-color);
  }
  .np-button-color {
    color: var(--np-button-color);
  }

  .np-button-font-color {
    color: var(--np-button-font-color);
  }
  .np-button-font-color-on-hover:hover {
    color: var(--np-button-font-color);
  }

  .np-button:hover {
    background-color: var(--np-button-hover-color);
  }

  .np-learning-progress-bar-color {
    background-color: var(--np-learning-progress-bar-color);
  }

  .np-learning-progress-text-color {
    color: var(--np-learning-progress-bar-color);
  }