:root {
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --primary-light: #a78bfa;
    --primary-bg: #f5f3ff;
    --secondary: #7c3aed;
    --accent: #f59e0b;
    --accent-light: #fbbf24;
    --pink: #ec4899;
    --cyan: #06b6d4;
    --green: #22c55e;
    --red: #ef4444;
    --orange: #f97316;

    --bg: #faf5ff;
    --bg-white: #ffffff;
    --bg-card: #ffffff;
    --bg-dark: #1e1b2e;
    --bg-sidebar: #1a1630;

    --text: #1e293b;
    --text-muted: #64748b;
    --text-light: #94a3b8;
    --text-white: #ffffff;

    --border: #e2e8f0;
    --border-light: #f1f5f9;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow: 0 4px 6px rgba(0,0,0,0.07);
    --shadow-md: 0 8px 25px rgba(0,0,0,0.1);
    --shadow-lg: 0 20px 40px rgba(0,0,0,0.12);

    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --font: 'Nunito', -apple-system, BlinkMacSystemFont, sans-serif;
    --transition: 0.2s ease;
}