:root {
    --cnvs-themecolor: #7c3aed; /* Updated to purple theme */
    --cnvs-themecolor-rgb: 124, 58, 237;
    
    /* Primary Colors - Purple Theme */
    --primary-purple: #7c3aed;
    --primary-purple-light: #9333ea;
    --primary-purple-dark: #6d28d9;
    --primary-purple-darker: #5b21b6;
    
    /* Secondary Colors - Complementary Purples */
    --secondary-purple: #8b5cf6;
    --secondary-purple-light: #a855f7;
    --secondary-purple-dark: #7c3aed;
    --secondary-purple-darker: #6d28d9;
    
    /* Accent Colors - Purple Accents */
    --accent-purple: #c084fc;
    --accent-purple-light: #d8b4fe;
    --accent-purple-dark: #a855f7;
    --accent-pink: #ec4899; /* Pink accent instead of cyan */
    --accent-pink-light: #f472b6;
    --accent-pink-dark: #db2777;
    
    /* Neutral Colors */
    --neutral-white: #ffffff;
    --neutral-light: #f8fafc;
    --neutral-gray: #e2e8f0;
    --neutral-gray-dark: #94a3b8;
    --neutral-dark: #1e293b;
    --neutral-black: #0f172a;
    
    /* Text Colors */
    --text-primary: #7c3aed;
    --text-secondary: #1e293b;
    --text-light: #ffffff;
    --text-muted: #64748b;
    --text-dark: #0f172a;
    
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-dark: #1e293b;
    --bg-gradient: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 25%, #9333ea 50%, #a855f7 75%, #c084fc 100%);
    
    /* Border Colors */
    --border-primary: #7c3aed;
    --border-accent: #c084fc;
    --border-light: #e2e8f0;
    
    /* Shadow Colors */
    --shadow-primary: rgba(124, 58, 237, 0.1);
    --shadow-accent: rgba(192, 132, 252, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.1);
}