/**
 * ملف المتغيرات - Variables CSS
 * يحتوي على جميع المتغيرات للسهولة في التعديل
 */

:root {
    /* ========== الألوان الأساسية - Luxury Gold Theme ========== */
    --primary-green: #D4AA40;
    --primary-green-hover: #BF9835;
    --primary-green-light: #F2E8C9;
    --primary-green-dark: #A58230;

    /* تعريف الألوان الذهبية - Professional Muted Gold */
    --primary-gold: #D4AA40;
    --primary-gold-hover: #BF9835;
    --primary-gold-light: #DFBC55;
    --primary-gold-dark: #A58230;
    --gold-subtle: rgba(212, 170, 64, 0.1);

    --primary-orange: #BF9835;
    --primary-orange-hover: #A58230;
    --primary-orange-light: #F2E8C9;
    --primary-orange-dark: #8A6B28;

    /* الألوان الأساسية للثيم الجديد */
    --primary-color: #D4AA40;
    --secondary-color: #BF9835;

    --white: #FFFFFF;
    --black: #000000;

    /* ========== درجات الرمادي ========== */
    --gray-100: #F8F9FA;
    --gray-200: #E9ECEF;
    --gray-300: #DEE2E6;
    --gray-400: #CED4DA;
    --gray-500: #ADB5BD;
    --gray-600: #6C757D;
    --gray-700: #495057;
    --gray-800: #343A40;
    --gray-900: #212529;

    /* ========== ألوان النصوص - Luxury Theme ========== */
    --text-primary: #F2E8C9;
    --text-secondary: #D4C8A8;
    --text-light: #F2E8C9;
    --text-white: #FFFFFF;
    --text-dark: #D4AA40;

    /* ========== ألوان الخلفيات - Dark Luxury Theme ========== */
    --bg-light: #1a1a1a;
    --bg-white: #0a0a0a;
    --bg-dark: #000000;
    --bg-gray: #2c2c2c;
    --bg-section: #1a1a1a;

    /* ========== ألوان الحالات ========== */
    --success: #28A745;
    --success-light: #D4EDDA;
    --success-dark: #155724;

    --danger: #DC3545;
    --danger-light: #F8D7DA;
    --danger-dark: #721C24;

    --warning: #FFC107;
    --warning-light: #FFF3CD;
    --warning-dark: #856404;

    --info: #17A2B8;
    --info-light: #D1ECF1;
    --info-dark: #0C5460;

    /* ========== الظلال ========== */
    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --shadow-xl: 0 1.5rem 4rem rgba(0, 0, 0, 0.2);

    /* ========== الحدود ========== */
    --border-color: #DEE2E6;
    --border-radius-sm: 0.25rem;
    --border-radius: 0.375rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 1rem;
    --border-radius-pill: 50rem;

    /* ========== الخطوط ========== */
    --font-family-arabic: 'Cairo', 'Tajawal', sans-serif;
    --font-family-english: 'Poppins', 'Open Sans', sans-serif;
    --font-family-base: var(--font-family-arabic);

    /* ========== أحجام الخطوط ========== */
    --font-size-xs: 0.75rem;     /* 12px */
    --font-size-sm: 0.875rem;    /* 14px */
    --font-size-base: 1rem;      /* 16px */
    --font-size-lg: 1.125rem;    /* 18px */
    --font-size-xl: 1.25rem;     /* 20px */
    --font-size-2xl: 1.5rem;     /* 24px */
    --font-size-3xl: 1.875rem;   /* 30px */
    --font-size-4xl: 2.25rem;    /* 36px */
    --font-size-5xl: 3rem;       /* 48px */

    /* ========== أوزان الخطوط ========== */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;

    /* ========== ارتفاع السطر ========== */
    --line-height-sm: 1.25;
    --line-height-base: 1.5;
    --line-height-lg: 1.75;
    --line-height-xl: 2;

    /* ========== التباعد ========== */
    --spacing-xs: 0.25rem;    /* 4px */
    --spacing-sm: 0.5rem;     /* 8px */
    --spacing-md: 1rem;       /* 16px */
    --spacing-lg: 1.5rem;     /* 24px */
    --spacing-xl: 2rem;       /* 32px */
    --spacing-2xl: 3rem;      /* 48px */
    --spacing-3xl: 4rem;      /* 64px */
    --spacing-4xl: 6rem;      /* 96px */
    --spacing-5xl: 8rem;      /* 128px */

    /* ========== الانتقالات ========== */
    --transition-base: all 0.3s ease-in-out;
    --transition-fast: all 0.15s ease-in-out;
    --transition-slow: all 0.5s ease-in-out;

    /* ========== Z-Index ========== */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;

    /* ========== عرض الحاويات ========== */
    --container-xs: 540px;
    --container-sm: 720px;
    --container-md: 960px;
    --container-lg: 1140px;
    --container-xl: 1320px;
    --container-xxl: 1400px;

    /* ========== نقاط التوقف ========== */
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
}

/* ========== متغيرات الوضع الليلي (للمستقبل) ========== */
[data-theme="dark"] {
    --text-primary: #ECF0F1;
    --text-secondary: #BDC3C7;
    --bg-white: #2C3E50;
    --bg-light: #34495E;
    --bg-section: #1A252F;
    --border-color: #4A5F7A;
}