/*
  40 — Components  (ITCSS: Components)

  Surface pairing classes. Apply a background and its proven-readable text
  colour in one class, with Hover/Focus and Disabled handled. Usable on
  buttons, chips, badges or plain containers. Tokens come from 00-brand-tokens.

  Disabled matches native :disabled, aria-disabled and an .is-disabled hook so
  non-button elements (links, divs) can opt in without a disabled attribute.

  Environment: iMIS App_Theme. iMIS injects these files itself, so the numeric
  prefix carries the ITCSS layer order; no @layer (unlayered iMIS/Telerik CSS
  would override any layered rule). These are theme utilities applied to
  iMIS-owned markup, so they are deliberately NOT BEM — BEM is reserved for
  markup we author ourselves.
*/
.primary {
  color: var(--nswtf-color-component-primary-fg);
  background-color: var(--nswtf-color-component-primary-bg);
}

.secondary {
  color: var(--nswtf-color-component-secondary-fg);
  background-color: var(--nswtf-color-component-secondary-bg);
}

.contrast {
  color: var(--nswtf-color-component-contrast-fg);
  background-color: var(--nswtf-color-component-contrast-bg);
}

.primary:hover,
.primary:focus {
  background-color: var(--nswtf-color-component-primary-bg-hover);
}

.secondary:hover,
.secondary:focus {
  background-color: var(--nswtf-color-component-secondary-bg-hover);
}

.contrast:hover,
.contrast:focus {
  background-color: var(--nswtf-color-component-contrast-bg-hover);
}

.primary:disabled,
.primary[aria-disabled="true"],
.primary.is-disabled,
.secondary:disabled,
.secondary[aria-disabled="true"],
.secondary.is-disabled,
.contrast:disabled,
.contrast[aria-disabled="true"],
.contrast.is-disabled {
  color: var(--nswtf-color-component-disabled-fg);
  background-color: var(--nswtf-color-component-disabled-bg);
  cursor: not-allowed;
}