/**
 * Design Tokens for Sofre Asemani (سفره آسمانی)
 * Based on brand identity: Green primary color from logo
 */

:root {
    /* Primary Colors - Based on logo green */
    --primary: #2d8659; /* Main green from logo */
    --primary-light: #3fa372;
    --primary-dark: #1f5d3f;
    --primary-hover: #256b4a;
    
    /* Accent Colors */
    --accent: #2d8659;
    --accent-light: #e8f5ed;
    
    /* Background Colors */
    --bg: #ffffff;
    --bg-light: #f9f9f9;
    --bg-muted: #f5f5f5;
    
    /* Text Colors */
    --text: #333333;
    --text-muted: #666666;
    --text-light: #999999;
    --text-inverse: #ffffff;
    
    /* Border Colors */
    --border: #e0e0e0;
    --border-light: #f0f0f0;
    --border-dark: #cccccc;
    
    /* Status Colors */
    --success: #2d8659;
    --success-light: #e8f5ed;
    --warning: #ffc107;
    --warning-light: #fff3cd;
    --error: #dc3545;
    --error-light: #f8d7da;
    --info: #17a2b8;
    --info-light: #d1ecf1;
    
    /* Day Circle Colors */
    --day-free: #ffffff;
    --day-free-text: #2d8659;
    --day-free-border: #2d8659;
    
    --day-selected: #2d8659;
    --day-selected-text: #ffffff;
    
    --day-reserved: #ffc107;
    --day-reserved-text: #333333;
    --day-reserved-border: #ffc107;
    
    --day-past: #e0e0e0;
    --day-past-text: #999999;
    
    /* Typography */
    --font-family: 'IRANYekan', 'Tahoma', 'Arial', sans-serif;
    --font-family-arabic: 'Tahoma', 'Arial', sans-serif;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 50%;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* RTL Support */
[dir="rtl"] {
    text-align: right;
}

/* Utility Classes */
.vow-text-primary {
    color: var(--primary);
}

.vow-bg-primary {
    background-color: var(--primary);
    color: var(--text-inverse);
}

.vow-border-primary {
    border-color: var(--primary);
}

.vow-btn-primary {
    background-color: var(--primary);
    color: var(--text-inverse);
    border: none;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color var(--transition-fast);
    font-family: var(--font-family);
}

.vow-btn-primary:hover {
    background-color: var(--primary-hover);
}

.vow-btn-primary:disabled {
    background-color: var(--border);
    cursor: not-allowed;
}