/*
* Button theme
*
*/

@import './dnb-button-theme-ui.scss';

.dnb-button--primary {
  background-color: var(--color-emerald-green);

  @include buttonHover(
    var(--color-white),
    var(--color-sea-green),
    var(--color-sea-green)
  );
  @include buttonActive(var(--color-white), var(--color-sea-green));

  &[disabled] {
    color: var(--color-black-55);
    background-color: var(--color-black-8);

    // only because of href/anchor button
    @include fakeBorder(var(--color-black-55));
  }
}

.dnb-button--secondary {
  color: var(--color-emerald-green);

  @include fakeBorder(var(--color-emerald-green));

  @include buttonActive(
    var(--color-emerald-green),
    var(--color-pistachio)
  );

  &[disabled] {
    color: var(--color-black-55);
    background-color: var(--color-white);

    // only because of href/anchor button
    @include fakeBorder(var(--color-black-55));
  }
}

// Icon button
.dnb-button--secondary:not(.dnb-button--has-text) {
  @include buttonActive(
    var(--color-emerald-green),
    var(--color-pistachio)
  );
}

.dnb-button--tertiary {
  color: var(--color-emerald-green);

  @include hover() {
    color: var(--color-emerald-green);
  }

  @include active() {
    color: var(--color-emerald-green);
  }

  @include focus-visible() {
    color: var(--color-emerald-green);
  }

  &[disabled] {
    color: var(--color-black-55);
  }
}

// .eufemia-theme--dark .dnb-button--primary {
//   background-color: var(--color-white);
// }