/* ============================================
   Variables.css - متغیرهای سراسری پروژه
   ============================================ */

:root {
    /* ===== رنگ‌های اصلی ===== */
    --primary-blue: #4A90E2;
    --primary-dark: #1a2a3a;
    --text-dark: #222;
    --text-light: #ffffff;
    --bg-light: #f5f5f5;
    --bg-white: #ffffff;
    
    /* ===== رنگ‌های تمدن ایلام ===== */
    --elam-gold: #d4a847;
    --elam-clay: #8b5e3c;
    --elam-green: #1a7a42;
    --elam-purple: #5a3d8a;
    
    /* ===== فاصله‌ها ===== */
    --gap-sm: 0.3125rem;
    --gap-md: 0.625rem;
    --gap-lg: 1rem;
    --gap-xl: 1.5rem;
    --gap-2xl: 2rem;
    
    /* ===== سایه‌ها ===== */
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.15);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.2);
    --shadow-xl: 0 12px 50px rgba(0,0,0,0.25);
    
    /* ===== انیمیشن‌ها ===== */
    --transition-fast: 0.2s ease;
    --transition-md: 0.3s ease;
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* ===== ابعاد ===== */
    --sidebar-width: 15rem;
    --aside-width: 14rem;
    --menu-width: 280px;
    
    /* ===== زوایا ===== */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    
    /* ===== ضخامت‌ها ===== */
    --border-thin: 1px;
    --border-md: 2px;
    --border-thick: 3px;
}