:root {
    --primary: #4a6cf7;
    --primary-light: #6b8cff;
    --primary-dark: #3a57e8;
    --primary-glow: rgba(74, 108, 247, 0.15);
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #06b6d4;
    --sidebar-width: 250px;
    --header-height: 60px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.12);
    --border-color: #e8eef3;
    --bg-page: #f5f7fa;
    --bg-card: #ffffff;
    --bg-hover: #fafbfc;
    --text-primary: #1a1f36;
    --text-secondary: #646a73;
    --text-muted: #90959f;
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.35s ease;
    
    --z-index-dropdown: 100;
    --z-index-modal: 1000;
    --z-index-toast: 2000;
    --z-index-loading: 3000;
}