/* ===== توکن‌های طراحی مشترک - فروشگاه پازل ===== */

:root {
	--pk-color-primary: #1746a2;
	--pk-color-primary-dark: #102d63;
	--pk-color-secondary: #ff731d;
	--pk-color-neutral: #f5f5f7;
	--pk-color-white: #ffffff;
	--pk-radius-sm: 8px;
	--pk-radius-md: 16px;
	--pk-transition: 0.3s ease;
	--pk-font: 'Sahel', Tahoma, sans-serif;
}

body,
button,
input,
select,
textarea {
	font-family: var(--pk-font);
}

/* ===== دکمه‌ی پایه‌ی سایت ===== */

.pk-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--pk-font);
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	padding: 13px 26px;
	border-radius: 999px;
	white-space: nowrap;
	transition: transform var(--pk-transition), box-shadow var(--pk-transition), background var(--pk-transition), color var(--pk-transition);
}

.pk-btn--primary {
	background: var(--pk-color-secondary);
	color: var(--pk-color-white);
	box-shadow: 0 10px 24px rgba(255, 115, 29, 0.35);
}

.pk-btn--primary:hover {
	background: var(--pk-color-white);
	color: var(--pk-color-primary-dark);
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(255, 115, 29, 0.45);
}

.pk-btn--outline {
	background: transparent;
	color: var(--pk-color-primary);
	border: 1.5px solid var(--pk-color-primary);
}

.pk-btn--outline:hover {
	background: var(--pk-color-primary);
	color: var(--pk-color-white);
	transform: translateY(-3px);
}