/**
 * ASC Design Tokens
 * متغیرهای طراحی برای همگن‌سازی استایل در کل پروژه
 * 
 * Breakpoints (reference): موبایل 0–479px، تبلت 480–767px، دسکتاپ 768px+
 * 
 * @package Arsin_Storefront_Customizer
 */

:root {
	/* Colors */
	--asc-color-primary: #910101;
	--asc-color-primary-hover: #7a0101;
	--asc-color-bg: #eeeeee;
	--asc-color-bg-alt: whitesmoke;
	--asc-color-text: #333;
	--asc-color-text-muted: #666;
	--asc-color-border: #e0e0e0;
	--asc-color-border-dark: #333;
	
	/* Font */
	--asc-font-family: 'YekanBakh', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--asc-font-size-base: 1em;
	--asc-font-size-h1: 1.5em;
	--asc-font-size-h2: 1.3em;
	--asc-font-size-h3: 1.1em;
	--asc-font-size-h4: 1em;
	--asc-font-size-h5: 0.9em;
	--asc-font-size-h6: 0.85em;
	--asc-font-size-small: 0.9em;
	--asc-font-size-xsmall: 0.85em;
	--asc-font-weight-normal: 400;
	--asc-font-weight-semibold: 600;
	--asc-font-weight-bold: 700;
	
	/* Spacing & Layout */
	--asc-border-radius: 4px;
	--asc-border-width: 1px;
	--asc-spacing-xs: 4px;
	--asc-spacing-sm: 8px;
	--asc-spacing-md: 12px;
	--asc-spacing-lg: 16px;
	--asc-spacing-xl: 20px;
	
	/* Touch target - minimum 44px for mobile */
	--asc-touch-min: 44px;
	
	/* Breakpoints (for reference in comments; use in media queries) */
	/* --asc-bp-mobile: 480px; --asc-bp-tablet: 768px; --asc-bp-desktop: 1024px; */
}