:root {
    /* Premium Color Palette */
    --primary-color: #0a1628;
    --primary-light: #1e3a5f;
    --accent-color: #2c5f8d;
    --secondary-color: #d4af37;
    --secondary-light: #f4d03f;
    --gold-gradient: linear-gradient(135deg, #d4af37, #f4d03f, #d4af37);
    --primary-gradient: linear-gradient(135deg, #0a1628, #1e3a5f, #2c5f8d);
    --hero-gradient: linear-gradient(135deg, #0a1628 0%, #1e3a5f 40%, #2c5f8d 70%, #0a1628 100%);
    --glow-gold: 0 0 20px rgba(212, 175, 55, 0.4), 0 0 40px rgba(212, 175, 55, 0.2);
    --glow-blue: 0 0 20px rgba(30, 58, 95, 0.4), 0 0 40px rgba(30, 58, 95, 0.2);
    --success-color: #28a745;
    --warning-color: #ffc107;
    --error-color: #dc3545;

    /* Text */
    --text-primary: #1a1a2e;
    --text-secondary: #555a6e;
    --text-light: #8a8fa0;
    --text-white: #ffffff;

    /* Backgrounds */
    --bg-primary: #ffffff;
    --bg-secondary: #f0f2f8;
    --bg-dark: #0a1628;
    --bg-overlay: rgba(10, 22, 40, 0.88);
    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.15);

    /* Borders */
    --border-color: #e2e6f0;
    --border-radius-sm: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 20px;
    --border-radius-xl: 28px;
    --border-radius-2xl: 40px;

    /* Shadows — Premium depth */
    --shadow-sm: 0 2px 8px rgba(10, 22, 40, 0.06);
    --shadow-md: 0 4px 16px rgba(10, 22, 40, 0.08);
    --shadow-lg: 0 8px 32px rgba(10, 22, 40, 0.12);
    --shadow-xl: 0 16px 48px rgba(10, 22, 40, 0.16);
    --shadow-2xl: 0 24px 64px rgba(10, 22, 40, 0.2);
    --shadow-gold: 0 8px 32px rgba(212, 175, 55, 0.25);

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-4xl: 96px;
    --spacing-5xl: 128px;

    /* Typography */
    --font-family-arabic: 'Cairo', sans-serif;
    --font-family-english: 'Roboto', sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3.5rem;
    --font-size-6xl: 4.5rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.8;

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Layout */
    --header-height: 80px;
    --container-max-width: 1200px;

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

[data-theme="dark"] {
    --text-primary: #e8eaf0;
    --text-secondary: #b0b5c5;
    --text-light: #7a7f90;

    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-dark: #010409;
    --bg-overlay: rgba(13, 17, 23, 0.92);

    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-border: rgba(255, 255, 255, 0.08);

    --border-color: #21262d;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
    --shadow-2xl: 0 24px 64px rgba(0, 0, 0, 0.8);
}

[lang="ar"] {
    font-family: var(--font-family-arabic);
}

[lang="en"] {
    font-family: var(--font-family-english);
}