@import "settings";

// COLOURS
.bg {
  background-color: $bg;
}

.bg-table-row-odd {
  background-color: $table-odd-color !important;
}

.bg-table-row-even {
  background-color: $table-even-color !important;
}

.color {
  color: $color !important;
  svg {
    stroke: $color !important;
  }
}

.bg-color {
  color: $color !important;
  svg {
    stroke: $color !important;
  }
}

.primary {
  color: $primary !important;
  svg {
    stroke: $primary !important;
  }
}

.bg-primary {
  background-color: $primary !important;
  color: $bg !important;
  svg {
    fill: $primary !important;
  }
}

.secondary {
  color: $secondary !important;
  svg {
    stroke: $secondary !important;
  }
}

.accent {
  color: $accent !important;
  svg {
    stroke: $accent !important;
  }
}

.bg-accent {
  background-color: $accent !important;
  color: $bg !important;
  svg {
    fill: $accent !important;
  }
  .mdc-tooltip__surface {
    background-color: $accent;
    color: $bg;
  }
}

.error {
  color: $error !important;
  svg {
    stroke: $error !important;
  }
}

.bg-error {
  background-color: $error !important;
  color: white;
  svg {
    fill: $error !important;
  }
  // snackbar settings
  --mdc-snackbar-container-color: #{$error} !important;
  --mdc-snackbar-supporting-text-color: white;
  // tooltip settings
  --mdc-plain-tooltip-container-color: #{$error} !important;
  --mdc-plain-tooltip-supporting-text-color: white;
}

.disabled {
  color: $disabled !important;
  pointer-events: none !important;
  cursor: default !important;
  svg path {
    stroke: $disabled !important;
  }
  *:after {
    background-color: $disabled !important;
  }
}

.bg-disabled {
  background-color: $disabled !important;
  color: $color;
  cursor: not-allowed !important;
}