/*
******************************************
* Pane theme colors and background states.
******************************************
*/
.pane {
  &.intro {
    background-color: var(--primary-color-100);
  }
  &.technical {
    background-color: var(--primary-color-100);
  }
  &.co-creation {
    background-color: #fffefc;
  }
  &.business {
    background-color: #fdfffc;
  }
  &.service-definitions {
    background-color: #fcfffe;
  }
  &.tools {
    background-color: #fcffff;
  }
  &.glossary {
    background-color: var(--primary-color-100);
  }

  &.active {
    background-color: white;
  }
}