/*
 * Theme-compatible visual defaults.
 *
 * Keep these selectors deliberately low-specificity. Site Custom CSS can
 * override either the custom properties or a semantic component selector
 * without !important or vendor-specific text-fill properties.
 */
.nfckart-account {
	--nfckart-button-background: var(--nfckart-action-color, #173a46);
	--nfckart-button-color: #fff;
	--nfckart-button-border-color: var(--nfckart-action-color, #173a46);
	--nfckart-button-hover-background: #28576a;
	--nfckart-button-hover-color: #fff;
	--nfckart-button-hover-border-color: #28576a;
	--nfckart-button-active-background: #102c36;
	--nfckart-button-active-color: #fff;
	--nfckart-button-active-border-color: #102c36;
	--nfckart-button-secondary-background: #fff;
	--nfckart-button-secondary-color: #173946;
	--nfckart-button-secondary-border-color: #173946;
	--nfckart-button-secondary-hover-background: #173946;
	--nfckart-button-secondary-hover-color: #fff;
	--nfckart-button-secondary-hover-border-color: #173946;
	--nfckart-button-disabled-background: #e7edef;
	--nfckart-button-disabled-color: #63767c;
	--nfckart-button-disabled-border-color: #b8c5c8;
	--nfckart-focus-ring-color: #148a9c;
	--nfckart-focus-ring-width: 3px;
	--nfckart-focus-ring-offset: 3px;
}

.nfckart-account :where(.nfckart-account__button) {
	border-color: var(--nfckart-button-border-color);
	background: var(--nfckart-button-background);
	color: var(--nfckart-button-color);
}

.nfckart-account :where(.nfckart-account__button:visited) {
	color: var(--nfckart-button-color);
}

.nfckart-account :where(.nfckart-account__button:hover, .nfckart-account__button:focus) {
	border-color: var(--nfckart-button-hover-border-color);
	background: var(--nfckart-button-hover-background);
	color: var(--nfckart-button-hover-color);
}

.nfckart-account :where(.nfckart-account__button:active) {
	border-color: var(--nfckart-button-active-border-color);
	background: var(--nfckart-button-active-background);
	color: var(--nfckart-button-active-color);
}

.nfckart-account :where(.nfckart-account__button--secondary) {
	border-color: var(--nfckart-button-secondary-border-color);
	background: var(--nfckart-button-secondary-background);
	color: var(--nfckart-button-secondary-color);
}

.nfckart-account :where(.nfckart-account__button--secondary:visited) {
	color: var(--nfckart-button-secondary-color);
}

.nfckart-account :where(.nfckart-account__button--secondary:hover, .nfckart-account__button--secondary:focus, .nfckart-account__button--secondary:active) {
	border-color: var(--nfckart-button-secondary-hover-border-color);
	background: var(--nfckart-button-secondary-hover-background);
	color: var(--nfckart-button-secondary-hover-color);
}

.nfckart-account :where(.nfckart-account__button:disabled, .nfckart-account__button[aria-disabled="true"]) {
	border-color: var(--nfckart-button-disabled-border-color);
	background: var(--nfckart-button-disabled-background);
	color: var(--nfckart-button-disabled-color);
	cursor: not-allowed;
}

.nfckart-account :where(a, button, input, select, textarea, summary):focus-visible {
	outline: var(--nfckart-focus-ring-width) solid var(--nfckart-focus-ring-color);
	outline-offset: var(--nfckart-focus-ring-offset);
}