/* -- Texts -- */
$nfr-primary-color: #373737;
$nfr-secondary-color: #A7A7A7;
$nfr-primary-white-color: #FFFFFF;
$nfr-greyed-out-color: #8E8E8E;

/* -- Backgrounds -- */

$nfr-main-background: #FFFFFF;
$nfr-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
$nfr-grey-background: #EDEDED;
$nfr-footer-background: #9D9D9D;
$nfr-logo-button-background: #D9D9D9;
$nfr-icon-button-background: #A7A7A7;
$nfr-button-background: #E3E3E3;
$nfr-flat-button-background: #67D959;

/* -- Components -- */
$nfr-skeleton: #eff1f6;
$skeleton-gray-diagonal: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 60%), rgb(255 255 255 / 0%));

/* -- Utility classes -- */

.nfr-primary-color {
  color: $nfr-primary-color;
}

.nfr-secondary-color {
  color: $nfr-secondary-color;
}

.nfr-white-color {
  color: $nfr-primary-white-color;
}

.nfr-greyed-out {
  color: $nfr-greyed-out-color;
}

.nfr-shadow {
  box-shadow: $nfr-shadow;
}

.nfr-grey-background {
  background: $nfr-grey-background;
}

.nfr-footer-background {
  background: $nfr-footer-background;
}

.nfr-logo-button-background {
  background: $nfr-logo-button-background;
}

.nfr-icon-button-background {
  background: $nfr-icon-button-background;
}

.nfr-button-background {
  background: $nfr-button-background;
}