// Colors
// Hjelpeklasser

@use '../abstracts/variables';

@each $name, $color in variables.$pkt-colors {
  .pkt-color-bg-#{$name} {
    background-color: $color !important;
  }

  .pkt-color-txt-#{$name} {
    color: $color !important;
  }

  .pkt-color-border-#{$name} {
    border-color: $color !important;
  }
}

@each $name, $color in variables.$pkt-semantic-colors {
  .pkt-color-bg-#{$name} {
    background-color: var(--pkt-color-#{$name}) !important;
  }

  .pkt-color-txt-#{$name} {
    color: var(--pkt-color-#{$name}) !important;
  }

  .pkt-color-border-#{$name} {
    border-color: var(--pkt-color-#{$name}) !important;
  }
}

// Deprecated
@each $name, $color in variables.$colors {
  .bg-#{$name} {
    background-color: $color !important;
  }

  .txt-#{$name} {
    color: $color !important;
  }
}