:root {
	--mp-color-primary: #2563eb;
	--mp-color-primary-dark: #1d4ed8;
	--mp-color-accent: #f59e0b;
	--mp-color-success: #16a34a;
	--mp-color-danger: #dc2626;
	--mp-color-text: #1f2933;
	--mp-color-text-muted: #6b7280;
	--mp-color-bg: #ffffff;
	--mp-color-bg-subtle: #f5f7fa;
	--mp-color-border: #e2e8f0;

	--mp-radius-sm: 4px;
	--mp-radius-md: 8px;
	--mp-radius-lg: 14px;

	--mp-space-1: 4px;
	--mp-space-2: 8px;
	--mp-space-3: 16px;
	--mp-space-4: 24px;
	--mp-space-5: 32px;

	--mp-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--mp-font-size-sm: 0.875rem;
	--mp-font-size-base: 1rem;
	--mp-font-size-lg: 1.25rem;

	--absm-color-primary: var(--mp-color-primary);
	--absm-radius: var(--mp-radius-md);
}

/* mobile-first: regra base pensada para tela pequena */
.absm-tabs {
	font-family: var(--mp-font-base);
	color: var(--mp-color-text);
	margin: var(--mp-space-4) 0;
}

.absm-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mp-space-1);
	border-bottom: 1px solid var(--mp-color-border);
	margin-bottom: var(--mp-space-3);
}

.absm-tabs__tab {
	appearance: none;
	background: transparent;
	border: none;
	border-bottom: 3px solid transparent;
	padding: var(--mp-space-2) var(--mp-space-3);
	min-height: 44px;
	min-width: 44px;
	font-size: var(--mp-font-size-base);
	font-weight: 600;
	color: var(--mp-color-text-muted);
	cursor: pointer;
	border-radius: var(--absm-radius) var(--absm-radius) 0 0;
}

.absm-tabs__tab:hover,
.absm-tabs__tab:focus-visible {
	color: var(--mp-color-text);
	background: var(--mp-color-bg-subtle);
}

.absm-tabs__tab:focus-visible {
	outline: 2px solid var(--absm-color-primary);
	outline-offset: 2px;
}

.absm-tabs__tab.is-active {
	color: var(--absm-color-primary);
	border-bottom-color: var(--absm-color-primary);
}

.absm-tabs__painel {
	font-size: var(--mp-font-size-base);
	line-height: 1.6;
}

.absm-tabs__painel[hidden] {
	display: none;
}

@media (min-width: 600px) {
	.absm-tabs__list {
		gap: var(--mp-space-3);
	}
}