:root {
    --primary-color: #4f46e5;
    --primary-hover: #4338ca;
    --secondary-color: #10b981;
    --secondary-hover: #059669;
    --accent-color: #f59e0b;
    --background-color: #f9fafb;
    --text-color: #111827;
    --error-color: #ef4444;
}

.bg-primary { background-color: var(--primary-color); }
.bg-primary:hover { background-color: var(--primary-hover); }
.text-primary { color: var(--primary-color); }

.bg-secondary { background-color: var(--secondary-color); }
.bg-secondary:hover { background-color: var(--secondary-hover); }
.text-secondary { color: var(--secondary-color); }

.bg-accent { background-color: var(--accent-color); }
.text-accent { color: var(--accent-color); }

.border-primary { border-color: var(--primary-color); }