/**
 * Zinatin Design System - Design Tokens
 * تمام متغیرهای طراحی سیستم
 * 
 * @version 1.0.0
 * @author Zinatin Team
 */

:root {
    /* ============================================================
       رنگ‌های اصلی (Primary Colors)
       ============================================================ */
    --zin-primary:       #6DBC43;
    --zin-primary-light: #8FCB6C;
    --zin-primary-dark:  #5AA836;
    --zin-primary-hover: #63AF3D;
    
    --zin-cta:           #FF7A32;
    --zin-cta-light:     #FF9459;
    --zin-cta-dark:      #E66B2D;
    --zin-cta-hover:     #F0712E;
    
    --zin-secondary:     #2E7C32;
    --zin-secondary-light: #4CAF50;
    --zin-secondary-dark:  #1B5E20;
    
    /* ============================================================
       رنگ‌های معنایی (Semantic Colors)
       ============================================================ */
    --zin-success:       #28a745;
    --zin-success-light: #d4edda;
    --zin-success-dark:  #155724;
    
    --zin-warning:       #ffc107;
    --zin-warning-light: #fff3cd;
    --zin-warning-dark:  #856404;
    
    --zin-danger:        #dc3545;
    --zin-danger-light:  #f8d7da;
    --zin-danger-dark:   #721c24;
    
    --zin-info:          #17a2b8;
    --zin-info-light:    #d1ecf1;
    --zin-info-dark:     #0c5460;
    
    /* ============================================================
       رنگ‌های متن (Text Colors)
       ============================================================ */
    --zin-text:           #222222;
    --zin-text-secondary: #444444;
    --zin-text-tertiary:  #666666;
    --zin-text-disabled:  #999999;
    --zin-text-inverse:   #ffffff;
    --zin-text-link:      var(--zin-primary);
    
    /* ============================================================
       رنگ‌های پس‌زمینه (Background Colors)
       ============================================================ */
    --zin-bg:            #ffffff;
    --zin-bg-alt:        #f9f9f9;
    --zin-bg-hover:      #f5f5f5;
    --zin-bg-disabled:   #e9ecef;
    
    /* ============================================================
       رنگ‌های حاشیه (Border Colors)
       ============================================================ */
    --zin-border:        #dddddd;
    --zin-border-light:  #f0f0f0;
    --zin-border-dark:   #cccccc;
    --zin-border-hover:  var(--zin-primary);
    
    /* ============================================================
       فاصله‌گذاری (Spacing) - 8px Grid System
       ============================================================ */
    --zin-space-xs:      4px;
    --zin-space-sm:      8px;
    --zin-space-md:      16px;
    --zin-space-lg:      24px;
    --zin-space-xl:      32px;
    --zin-space-2xl:     48px;
    --zin-space-3xl:     64px;
    
    /* ============================================================
       گردی حاشیه (Border Radius)
       ============================================================ */
    --zin-radius-sm:     4px;
    --zin-radius-md:     8px;
    --zin-radius-lg:     12px;
    --zin-radius-xl:     16px;
    --zin-radius-full:   50%;
    
    /* ============================================================
       ضخامت حاشیه (Border Width)
       ============================================================ */
    --zin-border-thin:   1px;
    --zin-border-normal: 1.5px;
    --zin-border-thick:  2px;
    
    /* ============================================================
       انتقال‌ها (Transitions)
       ============================================================ */
    --zin-transition-fast:  all 150ms ease;
    --zin-transition:       all 300ms ease;
    --zin-transition-slow:  all 500ms ease;
    
    /* ============================================================
       Typography - Font Families
       ============================================================ */
    --zin-font-family:   var(--e-global-typography-text-font-family, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
    --zin-font-family-mono: 'Courier New', Courier, monospace;
    
    /* ============================================================
       Typography - Font Sizes
       ============================================================ */
    --zin-font-size-display: 2.5rem;   /* 40px */
    --zin-font-size-h1:      2rem;     /* 32px */
    --zin-font-size-h2:      1.5rem;   /* 24px */
    --zin-font-size-h3:      1.25rem;  /* 20px */
    --zin-font-size-h4:      1.125rem; /* 18px */
    --zin-font-size-body-lg: 1rem;     /* 16px */
    --zin-font-size-body:    0.875rem; /* 14px */
    --zin-font-size-small:   0.75rem;  /* 12px */
    --zin-font-size-caption: 0.625rem; /* 10px */
    
    /* ============================================================
       Typography - Font Weights
       ============================================================ */
    --zin-font-weight-regular:   400;
    --zin-font-weight-medium:    500;
    --zin-font-weight-semibold:  600;
    --zin-font-weight-bold:      700;
    
    /* ============================================================
       Typography - Line Heights
       ============================================================ */
    --zin-line-height-tight:   1.2;
    --zin-line-height-normal:  1.5;
    --zin-line-height-relaxed: 1.8;
    
    /* ============================================================
       Z-Index Scale
       ============================================================ */
    --zin-z-dropdown:  1000;
    --zin-z-sticky:    1020;
    --zin-z-fixed:     1030;
    --zin-z-modal:     1050;
    --zin-z-popover:   1060;
    --zin-z-tooltip:   1070;
    
    /* ============================================================
       سازگاری با Elementor (Elementor Compatibility)
       Override کردن متغیرهای Elementor با مقادیر Zinatin
       ============================================================ */
    --e-global-color-primary:   var(--zin-primary);
    --e-global-color-secondary: var(--zin-secondary);
    --e-global-color-text:      var(--zin-text);
    --e-global-color-accent:    var(--zin-cta);
}

/* ============================================================
   Media Queries - Breakpoints
   ============================================================ */

/* Mobile First Approach */
@media (min-width: 480px) {
    :root {
        /* تنظیمات ویژه موبایل (در صورت نیاز) */
    }
}

@media (min-width: 768px) {
    :root {
        /* تنظیمات ویژه تبلت */
        --zin-font-size-display: 3rem;     /* 48px */
        --zin-font-size-h1:      2.5rem;   /* 40px */
    }
}

@media (min-width: 1024px) {
    :root {
        /* تنظیمات ویژه دسکتاپ */
        --zin-font-size-display: 3.5rem;   /* 56px */
    }
}

@media (min-width: 1280px) {
    :root {
        /* تنظیمات ویژه دسکتاپ بزرگ */
    }
}

/* ============================================================
   Print Styles
   ============================================================ */
@media print {
    :root {
        --zin-bg: #ffffff;
        --zin-text: #000000;
    }
}