/**
 * Brandina Theme - Main styles
 *
 * مقادیر اصلی این فایل از «نمایش ← سفارشی‌سازی ← تنظیمات قالب برندینا»
 * کنترل می‌شوند. بخش‌های جدید باید از متغیرهای سراسری همین فایل استفاده کنند.
 */

:root {
	--brandina-font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
	--brandina-font-size: 16px;
	--brandina-mobile-font-size: 15px;
	--brandina-body-weight: 400;
	--brandina-heading-weight: 700;
	--brandina-body-line-height: 1.85;
	--brandina-heading-line-height: 1.45;
	--brandina-primary: #ff6f8f;
	--brandina-primary-dark: #f04d75;
	--brandina-secondary: #8a4dff;
	--brandina-text: #1f2937;
	--brandina-muted: #6b7280;
	--brandina-background: #ffffff;
	--brandina-surface: #ffffff;
	--brandina-border: #e8e8ee;
	--brandina-success: #169b62;
	--brandina-danger: #df334f;
	--brandina-container: 1240px;
	--brandina-section-spacing: 72px;
	--brandina-section-spacing-mobile: 42px;
	--brandina-radius: 16px;
	--brandina-button-radius: 12px;
	--brandina-field-radius: 10px;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	color: var(--brandina-text);
	background: var(--brandina-background);
	font-family: var(--brandina-font-family);
	font-size: var(--brandina-font-size);
	font-weight: var(--brandina-body-weight);
	line-height: var(--brandina-body-line-height);
}

/* کلاس پایه برای تمام بخش‌های کدنویسی‌شده آینده */
.brandina-container {
	width: min(calc(100% - 32px), var(--brandina-container));
	margin-inline: auto;
}

.brandina-section {
	padding-block: var(--brandina-section-spacing);
}

/* جلوگیری از بیرون‌زدگی تصاویر */
img {
	max-width: 100%;
	height: auto;
}

/* سازگاری بهتر فیلدها و دکمه‌ها */
button,
input,
select,
textarea {
	font: inherit;
}