/**
 * متغیرهای طراحی هانل
 * قانون رنگ: ~70–80% سفید / سفید نرم | ~15–20% سرمه‌ای | ~5–10% زرد
 */

:root {
	/* Base */
	--hanel-color-white: #ffffff;
	--hanel-color-soft-white: #fafaf8;
	--hanel-color-light-gray: #f3f4f6;
	--hanel-color-border: #e8e9ec;
	--hanel-color-text: #282f42;
	--hanel-color-muted: #737887;
	--hanel-color-black: #151923;

	/* Optional accents */
	--hanel-color-yellow: #fff7df;
	--hanel-color-navy-soft: #eef0f5;

	/* Semantic aliases */
	--hanel-color-bg: var(--hanel-color-white);
	--hanel-color-bg-soft: var(--hanel-color-soft-white);
	--hanel-color-surface: var(--hanel-color-soft-white);
	--hanel-color-primary: var(--hanel-color-black);
	--hanel-color-accent: var(--hanel-color-yellow);
	--hanel-color-accent-soft: var(--hanel-color-navy-soft);

	/* Typography — Peyda محلی */
	--hanel-font-family: "Peyda", Tahoma, sans-serif;
	--hanel-font-size-base: 1rem;
	--hanel-font-weight-extralight: 200;
	--hanel-font-weight-regular: 400;
	--hanel-font-weight-medium: 600;
	--hanel-font-weight-semibold: 600;
	--hanel-font-weight-bold: 700;
	--hanel-font-weight-black: 900;
	--hanel-line-height-base: 1.7;

	/* Spacing */
	--hanel-space-xs: 0.25rem;
	--hanel-space-sm: 0.5rem;
	--hanel-space-md: 1rem;
	--hanel-space-lg: 1.5rem;
	--hanel-space-xl: 2rem;
	--hanel-space-2xl: 3rem;
	--hanel-space-3xl: 4rem;

	/* Radius & border */
	--hanel-radius-sm: 0.25rem;
	--hanel-radius-md: 0.5rem;
	--hanel-radius-lg: 0.75rem;
	--hanel-radius-xl: 1.5rem;
	--hanel-radius-2xl: 2rem;
	--hanel-border-width: 1px;

	/* Layout */
	--hanel-container-max: 75rem;
	--hanel-container-pad: clamp(1rem, 3vw, 2rem);

	/* Transition */
	--hanel-transition-fast: 150ms ease;
	--hanel-transition-base: 250ms ease;
}