:root {
    --primary-color: #C084FC;
    --primary-hover: #A855F7;
    --secondary-color: #E879F9;
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: #EF4444;
    --text-primary: #374151;
    --text-secondary: #6B7280;
    --text-tertiary: #9CA3AF;
    --background-primary: #FEFEFE;
    --background-secondary: #FAFAFA;
    --background-tertiary: #F5F5F5;
    --border-color: #E5E7EB;
    --border-color-light: #F3F4F6;
    --border-radius: 16px;
    --border-radius-sm: 8px;
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}