:root {
    /* Colors */
    --primary-color: #4F46E5;
    --primary-light: #8279ff;
    --primary-dark: #1c13b2;
    --secondary-color: #06B6D4;
    --secondary-dark: #0083a1;
    --success-color: #22C55E;
    --success-dark: #00922b;
    --danger-color: #DC2626;
    --danger-dark: #a90000;
    --warning-color: #370609;
    --warning-dark: #845356;
    --info-color: #0EA5E9;
    --info-dark: #0072b6;
    
    /* Admin Colors */
    --admin-primary: #4F46E5;
    --admin-primary-dark: #1c13b2;
    --admin-secondary: #06B6D4;
    --admin-secondary-dark: #0083a1;
    --admin-success: #22C55E;
    --admin-success-dark: #00922b;
    --admin-danger: #DC2626;
    --admin-danger-dark: #a90000;
    --admin-warning: #370609;
    --admin-warning-dark: #845356;
    --admin-info: #0EA5E9;
    --admin-info-dark: #0072b6;
    
    /* Button Colors */
    --btn-preview-bg: #F26021;
    --btn-preview-text: white;
    --btn-cart-bg: #4f46e5;
    
    /* Typography */
    --font-family: 'Cairo', 'Somar', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Border Radius */
    --border-radius: 8px;
    --border-radius-sm: calc(8px / 2);
    --border-radius-lg: calc(8px * 1.5);
    
    /* Layout */
    --container-width: 100%;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

/* تطبيق الخط المختار - بدون !important لتجنب CLS */
body, button, input, select, textarea {
    font-family: var(--font-family);
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');