:root {
    --cnvs-themecolor: #1e40af; /* Updated to blue theme */
    --cnvs-themecolor-rgb: 30, 64, 175;
    
    /* Primary Colors - Blue Theme */
    --primary-blue: #1e40af;
    --primary-blue-light: #3b82f6;
    --primary-blue-dark: #1e3a8a;
    --primary-blue-darker: #1e2a5e;
    
    /* Secondary Colors - Complementary Blues */
    --secondary-blue: #2563eb;
    --secondary-blue-light: #60a5fa;
    --secondary-blue-dark: #1d4ed8;
    --secondary-blue-darker: #1e40af;
    
    /* Accent Colors - Blue Accents */
    --accent-blue: #0ea5e9;
    --accent-blue-light: #38bdf8;
    --accent-blue-dark: #0284c7;
    --accent-cyan: #06b6d4; /* Cyan accent instead of yellow */
    --accent-cyan-light: #22d3ee;
    --accent-cyan-dark: #0891b2;
    
    /* 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: #1e40af;
    --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, #1e40af 0%, #2563eb 25%, #3b82f6 50%, #60a5fa 75%, #93c5fd 100%);
    
    /* Border Colors */
    --border-primary: #1e40af;
    --border-accent: #0ea5e9;
    --border-light: #e2e8f0;
    
    /* Shadow Colors */
    --shadow-primary: rgba(30, 64, 175, 0.1);
    --shadow-accent: rgba(14, 165, 233, 0.2);
    --shadow-dark: rgba(0, 0, 0, 0.1);
}