:root {
    /* ================= Brand Colors ================= */
    --color-primary: #008C5A;
    --color-primary-dark: #00724A;
    --color-primary-soft: rgba(0, 140, 90, 0.06); 
    --color-primary-glass: rgba(0, 140, 90, 0.03);

    --color-secondary: #0072CE;
    --color-secondary-dark: #005EA8;
    --color-secondary-soft: rgba(0, 114, 206, 0.06);

    --color-accent: #E53935;
    --color-accent-soft: rgba(229, 57, 53, 0.06);

    /* ================= Neutral Colors (Balanced Typography Palette) ================= */
    --color-dark: #0F172A;        /* أزرق داكن غني بدلاً من الرمادي القاسي */
    --color-text: #334155;        /* رمادي احترافي مريح جداً للعين للقراءة الطويلة */
    --color-muted: #64748B;       /* مثالي للنصوص الفرعية */
    --color-muted-light: #94A3B8; /* مثالي للأيقونات والعناصر غير النشطة */

    --color-light: #F8FAFC;
    --color-soft: #F1F5F9;
    --color-white: #FFFFFF;

    --border-color: #E2E8F0;      /* حدود ناعمة وغير جافة */
    --border-color-soft: #F1F5F9;

    /* ================= Typography ================= */
    --font-ar: "Arial", Tahoma, Arial, sans-serif;
    --font-en: "Montserrat", Arial, sans-serif;

    /* ================= Layout ================= */
    --container-width: 1240px;
    --section-padding: 96px;      /* مساحة تنفس أكبر تعطي طابع الفخامة */
    --section-padding-sm: 64px;
    --navbar-height: 80px;

    /* ================= Radius ================= */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;            /* زوايا معتدلة وأكثر عصرية */
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-pill: 999px;

    /* ================= Premium Layered Shadows ================= */
    --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 2px 8px -1px rgba(15, 23, 42, 0.04), 0 1px 3px 0 rgba(15, 23, 42, 0.02);
    --shadow-md: 0 12px 24px -4px rgba(15, 23, 42, 0.04), 0 4px 12px -2px rgba(15, 23, 42, 0.02);
    --shadow-lg: 0 20px 40px -6px rgba(15, 23, 42, 0.06), 0 10px 16px -3px rgba(15, 23, 42, 0.03);
    --shadow-xl: 0 32px 64px -12px rgba(15, 23, 42, 0.12);

    /* Dynamic Glow Shadows */
    --shadow-primary-glow: 0 8px 24px -4px rgba(0, 140, 90, 0.25);
    --shadow-secondary-glow: 0 8px 24px -4px rgba(0, 114, 206, 0.25);

    /* ================= Premium Transitions (الحركة الفيزيائية الفاخرة) ================= */
    --transition-fast: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);

    /* ================= Components ================= */
    --card-padding: 28px;         /* مساحة داخلية أوسع للكروت */
}

/* الترانزيشن البسيط السريع لبعض العناصر الهامشية */
.simple-transition {
    transition: 0.25s ease;
}
.simple-transition-fast {
    transition: 0.15s ease;
}