/* CSS Custom Properties for Brand Colors */
        :root {
            --primary-blue: #17A9D0;
            --primary-blue-rgb: 23, 169, 208; /* RGB values for --primary-blue */
            --secondary-blue: #098cb0;
            --accent-orange: #FF6B35;
            --accent-orange-dark: #E55A2B;
            --mcp-green: #4CAF50;
            --quantum-purple: #6A1B9A;
            --success-green: #10B981;
            --warning-orange: #F59E0B;
            --error-red: #EF4444;
            --neutral-50: #F8FAFC;
            --neutral-100: #F1F5F9;
            --neutral-200: #E2E8F0;
            --neutral-300: #CBD5E1;
            --neutral-600: #374151;
            --neutral-700: #1F2937;
            --neutral-800: #111827;
            --neutral-900: #030712;
            --white: #FFFFFF;
            
            /* Typography */
            --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            --font-size-xs: 0.75rem;
            --font-size-sm: 0.875rem;
            --font-size-base: 1rem;
            --font-size-lg: 1.125rem;
            --font-size-xl: 1.25rem;
            --font-size-2xl: 1.5rem;
            --font-size-3xl: 1.875rem;
            --font-size-4xl: 2.25rem;
            --font-size-5xl: 3rem;
            
            /* Spacing */
            --space-1: 0.25rem;
            --space-2: 0.5rem;
            --space-3: 0.75rem;
            --space-4: 1rem;
            --space-6: 1.5rem;
            --space-8: 2rem;
            --space-12: 3rem;
            --space-16: 4rem;
            --space-20: 5rem;
            --space-10: 2.5rem;
            
            /* Transitions */
            --transition-fast: 150ms ease-in-out;
            --transition-base: 300ms ease-in-out;
            
            --navbar-height: 80px; /* Estimated height of the fixed navbar */
            
            /* Border Radius - Sharp Design */
            --radius-none: 0;
            --radius-sm: 0;
            --radius-md: 0;
            --radius-lg: 0;
            --radius-xl: 0;
            --radius-2xl: 0;
            
            /* Shadows */
            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
            --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        }