:root {
    --color-primary: #F4B52A;
    --color-primary-light: #D98218;
    --color-primary-dark: #D98218;
    --color-secondary: #D98218;
    --color-accent: #F4B52A;
    --color-accent-light: #F4B52A;
    --color-accent-dark: #D98218;
    --color-heading: #191919;
    --color-bg: #FAF9F7;
    --color-bg-alt: #F2F2F2;
    --color-bg-dark: #191919;
    --color-card: #F2F2F2;
    --color-text: #535353;
    --color-text-light: #535353;
    --color-text-muted: #535353;
    --color-text-white: #FAF9F7;
    --color-border: #D9D9D9;
    --color-border-light: #D9D9D9;
    --color-link: #F4B52A;
    --color-link-hover: #D98218;
    --color-button-primary: #F4B52A;
    --color-button-hover: #D98218;
    --color-button-text: #191919;
    --color-icon-primary: #F4B52A;
    --color-icon-secondary: #535353;
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-warning: #f59e0b;
    --font-ar: 'IBM Plex Sans Arabic', sans-serif;
    --font-en: 'Inter', sans-serif;
    --font-display: 'Playfair Display', serif;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.08);
    --shadow-xl: 0 20px 60px rgba(0,0,0,0.1);
    --shadow-glass: 0 8px 32px rgba(0,0,0,0.08);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    --container-max: 1280px;
    --container-padding: 24px;
    --header-height: 80px;
    --z-dropdown: 100;
    --z-header: 1000;
    --z-mobile-menu: 999;
    --z-modal: 2000;
}