:root {
    --primary: #9564ED;
    --secondary: #FF9800;
    --success: #10B981;
    --danger: #EF4444;
    --background: #FFFFFF;
    --text: #1F2937;
}

/* Utility classes using the variables (optional but handy) */
.bg-primary { background-color: var(--primary); }
.text-primary { color: var(--primary); }
.border-primary { border-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.text-secondary { color: var(--secondary); }
.bg-success { background-color: var(--success); }
.text-success { color: var(--success); }
.bg-danger { background-color: var(--danger); }
.text-danger { color: var(--danger); }
.bg-background { background-color: var(--background); }
.text-text { color: var(--text); }