/* ===================================================================== */
/* === RETAIL ADMIN CSS VARIABLES === */
/* Global Premium Design Variables and Brand Colors */
/* ===================================================================== */

:root {
    /* Primary Brand Colors */
    --brand-primary: #ec8a41;
    --brand-primary-dark: #d4773a;
    --brand-primary-light: #f0a366;
    
    /* Brand Color Success/Danger/Warning/Info */
    --brand-success: #22c55e;
    --brand-danger: #ef4444;
    --brand-warning: #f59e0b;
    --brand-info: #3b82f6;
    
    /* Gradient System */
    --gradient-primary: linear-gradient(135deg, #ec8a41 0%, #d4773a 100%);
    --gradient-primary-light: linear-gradient(135deg, #f0a366 0%, #ec8a41 100%);
    --gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    --gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --gradient-danger-light: linear-gradient(135deg, #f87171 0%, #ef4444 100%);
    --gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --gradient-info: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    
    /* Glass Morphism Effects */
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
    --border-glass: 1px solid rgba(255, 255, 255, 0.18);
    --backdrop-blur: blur(20px);
    
    /* Shadow System */
    --shadow-glass: 0 8px 32px rgba(31, 38, 135, 0.37);
    --shadow-elevation: 0 20px 60px rgba(0, 0, 0, 0.15);
    --shadow-brand: 0 8px 25px rgba(236, 138, 65, 0.4);
    --shadow-success: 0 8px 25px rgba(34, 197, 94, 0.4);
    --shadow-danger: 0 8px 25px rgba(239, 68, 68, 0.4);
    
    /* Typography System */
    --font-weight-normal: 500;
    --font-weight-medium: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    
    /* Spacing System */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    
    /* Border Radius System */
    --radius-sm: 12px;
    --radius-md: 15px;
    --radius-lg: 18px;
    --radius-xl: 20px;
    --radius-2xl: 25px;
    --radius-full: 50%;
    
    /* Z-Index System */
    --z-dropdown: 100;
    --z-sticky: 101;
    --z-modal-backdrop: 999999;
    --z-modal-content: 9999999;
    --z-toast: 10000;
}

/* === MAIN WRAPPER STYLING === */
.retail-admin-wrapper {
    margin-top: 20px;
}