:root {
            /* Modern color scheme */
            --primary: #0084F4;
            --primary-dark: #0066CC;
            --primary-light: #E8F4FD;
            --success: #00C48C;
            --warning: #FFA26B;
            --danger: #FF647C;
            --dark: #1A1D29;
            --dark-secondary: #252837;
            --dark-tertiary: #2D3142;
            --text-primary: #FFFFFF;
            --text-secondary: #A0A3BD;
            --text-tertiary: #6E7191;
            --border: #353849;
            --surface: #1E2139;
            --surface-light: #262A41;
            --background: #161821;
            
            /* Spacing */
            --spacing-xs: 4px;
            --spacing-sm: 8px;
            --spacing-md: 16px;
            --spacing-lg: 24px;
            --spacing-xl: 32px;
            --spacing-2xl: 48px;
            
            /* Transitions */
            --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }