/**
 * Extended Button Variants
 * Hand-compiled from tokens-extended.json.
 * Regenerate when the DS build pipeline can emit this for real.
 */

/* Nav Link — text-only navigation button, no background/border/padding */
.dp-button--nav-link {
  background-color: transparent;
  color: var(--primitive-color-neutral-gray-200);
  border: none;
  border-radius: 0;
  padding: 0;
  min-width: auto;
  min-height: auto;
}

.dp-button--nav-link:hover:not(:disabled) {
  background-color: transparent;
  color: var(--primitive-color-neutral-gray-50);
  border: none;
}

.dp-button--nav-link:active:not(:disabled),
.dp-button--nav-link.dp-button--active:not(:disabled) {
  background-color: transparent;
  color: var(--primitive-color-neutral-gray-50);
  border: none;
}

.dp-button--nav-link:disabled,
.dp-button--nav-link.dp-button--disabled {
  background-color: transparent;
  color: var(--semantic-color-text-disabled);
  border: none;
  cursor: not-allowed;
}

/* Light mode overrides */
[data-theme="light"] .dp-button--nav-link {
  color: var(--primitive-color-neutral-gray-800);
}

[data-theme="light"] .dp-button--nav-link:hover:not(:disabled) {
  color: var(--primitive-color-neutral-gray-600);
}

[data-theme="light"] .dp-button--nav-link:active:not(:disabled),
[data-theme="light"] .dp-button--nav-link.dp-button--active:not(:disabled) {
  color: var(--primitive-color-neutral-gray-600);
}