/* ── Buttons ──────────────────────────────────────────────────────── */
.btn-primary {
	color: var(--color-on-primary);
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	border-radius: var(--radius-md);
	font-weight: 600;
}

.btn-primary:hover {
	background-color: var(--color-primary-hover);
	border-color: var(--color-primary-hover);
}

.btn-secondary {
	color: var(--color-on-primary);
	background-color: var(--color-text-muted);
	border-color: var(--color-text-muted);
	border-radius: var(--radius-md);
	font-weight: 600;
}

.btn-secondary:hover {
	background-color: var(--color-border-strong);
	border-color: var(--color-border-strong);
}

.btn-success {
	color: var(--color-on-primary);
	background-color: var(--color-success);
	border-color: var(--color-success);
	border-radius: var(--radius-md);
}

.btn-danger {
	color: var(--color-on-primary);
	background-color: var(--color-danger);
	border-color: var(--color-danger);
	border-radius: var(--radius-md);
}

.btn-info {
	color: var(--color-on-primary);
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	border-radius: var(--radius-md);
}

.btn-warning {
	color: var(--color-warning-text);
	background-color: var(--color-warning);
	border-color: var(--color-warning);
	border-radius: var(--radius-lg);
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--color-primary);
}

.btn-maybe {
	background-color: var(--color-maybe);
	color: white;
	border-color: var(--color-maybe);
}

.btn-save {
	padding: var(--space-3) var(--space-6);
	background: var(--color-success);
	color: var(--color-on-primary);
	border: none;
	border-radius: var(--radius-md);
	cursor: pointer;
	font-weight: 500;
}

.btn-save:hover {
	opacity: 0.9;
}

.btn-save:disabled {
	background: var(--color-text-muted);
	cursor: not-allowed;
}

.btn-profile-save {
	height: 40px;
	margin: 5px 10px;
	padding: 0 20px;
}