:root {
    /* Main Accent Color */
    --color-primary: #9d80d9 !important; 
    
    /* Slightly darker for hover states */
    --color-primary-dark-1: #7e66a !important; 
    --color-primary-dark-2: #5e4d82 !important; 
    
    /* Slightly lighter for active states/highlights */
    --color-primary-light-1: #a78ddd !important;
    --color-primary-light-2: #b199e1 !important; 
    --color-primary-light-3: #baa6e4 !important;
    
    /* Transparent versions for focus rings and badges */
    --color-primary-alpha-10: rgba(157, 128, 217, 0.1) !important;
    --color-primary-alpha-20: rgba(157, 128, 217, 0.2) !important;
    --color-primary-alpha-30: rgba(157, 128, 217, 0.3) !important;
    --color-primary-alpha-40: rgba(157, 128, 217, 0.4) !important;
    --color-primary-alpha-50: rgba(157, 128, 217, 0.5) !important;
    --color-primary-alpha-60: rgba(157, 128, 217, 0.6) !important;
    --color-primary-alpha-70: rgba(157, 128, 217, 0.7) !important;
    --color-primary-alpha-80: rgba(157, 128, 217, 0.8) !important;
    --color-primary-alpha-90: rgba(157, 128, 217, 0.9) !important;
}