:root {
    /* Mitech & Braintech Inspired Colors */
    --primary-color: #086AD8; /* Vibrant tech blue */
    --primary-dark: #020B19; /* Very dark blue for backgrounds */
    --secondary-color: #00D4FF; /* Cyan accent for gradients */
    --accent-color: #FF2A5F; /* High contrast CTA color */
    
    --text-dark: #333333;
    --text-muted: #6B7280;
    --text-light: #FFFFFF;
    
    --bg-light: #FFFFFF;
    --bg-subtle: #F6F8FB; /* Cool gray/blue for alternating sections */
    --bg-dark: #041227; /* Dark mode sections */
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --gradient-overlay: linear-gradient(135deg, rgba(8,106,216,0.9) 0%, rgba(0,212,255,0.9) 100%);
    
    /* Typography */
    --font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1.25rem;
    --space-md: 2.5rem;
    --space-lg: 5rem;
    --space-xl: 8rem;
    
    /* Shadows - Soft & Float styles */
    --shadow-sm: 0 5px 15px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.08); /* Signature SaaS shadow */
    --shadow-lg: 0 20px 50px rgba(8, 106, 216, 0.15); /* Colored shadow for hover */
    
    /* Borders */
    --radius-md: 8px;
    --radius-lg: 16px; /* Soft SaaS feel */
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}