:root {
    /* Key Colors */
    --color-white: #ffffff;
    --color-grey: #323232;
    --color-purple: #ff18d0;
    --color-dark-grey: #101010;
    
    /* Additional Colors */
    --color-light-grey: #666666;
    --color-placeholder: #999999;
    --color-border: #e1e5e9;
    --color-error-bg: #fee;
    --color-error-text: #c33;
    --color-error-border: #fcc;
    --color-success-bg: #efe;
    --color-success-text: #363;
    --color-success-border: #cfc;
    
    /* Opacity variations */
    --color-white-95: rgba(255, 255, 255, 0.95);
    --color-white-90: rgba(255, 255, 255, 0.9);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-purple-5: rgba(255, 24, 208, 0.05);
    --color-purple-10: rgba(255, 24, 208, 0.1);
    --color-purple-30: rgba(255, 24, 208, 0.3);
    --color-black-10: rgba(0, 0, 0, 0.1);
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-black: #000000;
}