/* ============================================================
   KHABSTORE — Design Tokens
   Single source of truth. No raw values outside this file.
   ============================================================ */

@font-face {
	font-family: "Vazirmatn";
	src: url("../fonts/vazirmatn/Vazirmatn-Variable.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
}

/* IRANYekanX (Pro) — variable, Farsi numerals */
@font-face {
	font-family: "IRANYekanX";
	src: url("../fonts/iranyekan/IRANYekanXVFaNumVF.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-display: swap;
	font-style: normal;
}

:root {
	/* ---- Brand colors ---- */
	--khs-primary-900: #0E2A40;
	--khs-primary-800: #153E58;   /* برند فعلی */
	--khs-primary-700: #1D5478;
	--khs-primary-600: #276A96;
	--khs-primary-300: #7FA9C9;
	--khs-primary-100: #E3EEF7;
	--khs-primary-050: #F2F7FB;

	--khs-accent:      #FF6A2B;   /* فقط دکمه خرید و تخفیف */
	--khs-accent-dark: #E5571C;
	--khs-accent-soft: #FFEEE4;

	--khs-sale:        #E5322D;
	--khs-success:     #1F9D61;
	--khs-success-soft:#E6F6EE;
	--khs-star:        #F5A623;

	/* ---- Neutrals ---- */
	--khs-bg:      #F7F8FA;
	--khs-surface: #FFFFFF;
	--khs-text:    #1F2933;
	--khs-text-2:  #5B6770;
	--khs-text-3:  #9AA5B1;
	--khs-line:    #E4E9F0;

	/* ---- Typography ---- */
	--khs-font: "IRANYekanX", "IRANYekan", "Vazirmatn", Tahoma, system-ui, sans-serif;
	--khs-fs-12: .75rem;
	--khs-fs-13: .8125rem;
	--khs-fs-14: .875rem;
	--khs-fs-16: 1rem;
	--khs-fs-18: 1.125rem;
	--khs-fs-20: 1.25rem;
	--khs-fs-24: 1.5rem;
	--khs-fs-30: 1.875rem;
	--khs-fs-38: 2.375rem;
	--khs-lh-body: 1.9;
	--khs-lh-tight: 1.5;

	/* ---- Spacing (4px scale) ---- */
	--khs-s1: 4px;  --khs-s2: 8px;  --khs-s3: 12px; --khs-s4: 16px;
	--khs-s5: 24px; --khs-s6: 32px; --khs-s7: 48px; --khs-s8: 64px;

	/* ---- Shape & elevation ---- */
	--khs-radius-sm: 8px;
	--khs-radius:    10px;
	--khs-radius-lg: 14px;
	--khs-radius-pill: 999px;
	--khs-shadow-1: 0 1px 2px rgba(14, 42, 64, .06);
	--khs-shadow-2: 0 8px 24px rgba(14, 42, 64, .12);

	/* ---- Layout ---- */
	--khs-container: 1280px;
	--khs-header-h: 72px;

	/* ---- Motion ---- */
	--khs-ease: cubic-bezier(.2, .7, .3, 1);
	--khs-dur: 180ms;
}