/* 
 * ==============================================
 * TRENJ - نظام الألوان الديناميكي
 * Dynamic Color System
 * تم إنشاؤه تلقائياً من قاعدة البيانات
 * Generated automatically from database
 * ==============================================
 */

:root {
    --primary-color: #7cb342;
    --secondary-color: #bed416;
    --accent-color: #187000;
    --text-dark: #1b551e;
    --text-light: #f9fbe7;
    --bg-light: #f1f8e9;
    --success-color: #4caf50;
    --warning-color: #ffc107;
    --danger-color: #f44336;
    --info-color: #2196f3;
    --border-color: #c5e1a5;
    --shadow-color: rgba(124, 179, 66, 0;
    
    /* ألوان إضافية مشتقة - Derived Colors */
    --text-primary: var(--text-dark);
    --text-secondary: #666666;
    --background-light: var(--bg-light);
    
    /* الظلال - Shadows */
    --shadow-sm: 0 2px 4px var(--shadow-color);
    --shadow-md: 0 4px 8px var(--shadow-color);
    --shadow-lg: 0 8px 16px var(--shadow-color);
    --shadow-xl: 0 12px 24px var(--shadow-color);
    
    /* الانتقالات - Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* الحدود - Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
}

/* ==============================================
 * تدرجات لونية - Gradients
 * ============================================== */
.gradient-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.gradient-accent {
    background: linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%);
}

.gradient-sunset {
    background: linear-gradient(135deg, var(--warning-color) 0%, var(--danger-color) 100%);
}

/* ==============================================
 * فئات مساعدة للألوان - Color Utility Classes
 * ============================================== */

/* ألوان النص - Text Colors */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-accent { color: var(--accent-color) !important; }
.text-success { color: var(--success-color) !important; }
.text-warning { color: var(--warning-color) !important; }
.text-danger { color: var(--danger-color) !important; }
.text-info { color: var(--info-color) !important; }
.text-dark { color: var(--text-dark) !important; }
.text-light { color: var(--text-light) !important; }

/* ألوان الخلفية - Background Colors */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-accent { background-color: var(--accent-color) !important; }
.bg-success { background-color: var(--success-color) !important; }
.bg-warning { background-color: var(--warning-color) !important; }
.bg-danger { background-color: var(--danger-color) !important; }
.bg-info { background-color: var(--info-color) !important; }
.bg-light { background-color: var(--bg-light) !important; }

/* ألوان الحدود - Border Colors */
.border-primary { border-color: var(--primary-color) !important; }
.border-secondary { border-color: var(--secondary-color) !important; }
.border-accent { border-color: var(--accent-color) !important; }

/* ==============================================
 * أزرار بالألوان الجديدة - Colored Buttons
 * ============================================== */
.btn-primary {
    background: var(--primary-color);
    color: white;
    border: 2px solid var(--primary-color);
}

.btn-primary:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    transform: translateY(-2px);
}

.btn-secondary {
    background: var(--secondary-color);
    color: var(--text-dark);
    border: 2px solid var(--secondary-color);
}

.btn-secondary:hover {
    background: var(--warning-color);
    border-color: var(--warning-color);
}

.btn-outline-primary {
    background: transparent;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

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

/* ==============================================
 * بطاقات - Cards with Theme Colors
 * ============================================== */
.card-hover:hover {
    box-shadow: 0 8px 24px var(--shadow-color);
    transform: translateY(-4px);
    border-color: var(--primary-color);
}

.card-primary {
    border-right: 4px solid var(--primary-color);
}

.card-accent {
    border-right: 4px solid var(--accent-color);
}

/* ==============================================
 * روابط - Links
 * ============================================== */
a {
    color: var(--primary-color);
    transition: var(--transition-fast);
}

a:hover {
    color: var(--accent-color);
}

/* ==============================================
 * نهاية ملف الألوان
 * Last Updated: 2026-02-25 20:45:11 * ============================================== */