/**
 * variables.css - تعریف متغیرهای سراسری CSS
 */

:root {
    /* رنگ‌های اصلی */
    --primary-color: #5D5CDE;
    --primary-color-rgb: 93, 92, 222;
    --primary-dark: #4848b3;
    --primary-light: #7e7de8;
    --secondary-color: #FF6B6B;
    --secondary-color-rgb: 255, 107, 107;
    
    /* رنگ‌های متن و پس‌زمینه در حالت روشن */
    --text-color-light: #333333;
    --text-muted-light: #6c757d;
    --body-bg-light: #ffffff;
    --card-bg-light: #ffffff;
    --header-bg-light: #ffffff;
    --footer-bg-light: #292c31;
    
    /* رنگ‌های حالت تاریک */
    --text-color-dark: #f8f9fa;
    --text-muted-dark: #adb5bd;
    --body-bg-dark: #181818;
    --card-bg-dark: #2c2c2c;
    --header-bg-dark: #1e1e1e;
    --footer-bg-dark: #212529;
    
    /* رنگ‌های کاربردی */
    --success-color: #28a745;
    --success-color-rgb: 40, 167, 69;
    --warning-color: #ffc107;
    --warning-color-rgb: 255, 193, 7;
    --danger-color: #dc3545;
    --danger-color-rgb: 220, 53, 69;
    --info-color: #17a2b8;
    --info-color-rgb: 23, 162, 184;
    
    /* متغیرهای عمومی */
    --border-radius: 8px;
    --border-color-light: #dee2e6;
    --border-color-dark: #444444;
    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --box-shadow-dark: 0 5px 15px rgba(0, 0, 0, 0.3);
    --transition-speed: 0.3s;
    
    /* فونت‌ها */
    --primary-font: 'Vazir', tahoma, Arial, sans-serif;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    /* فواصل */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
}