:root {
    /* Brand Colors */
    --primary-cyan: #06b6d4;
    --primary: #06b6d4;
    --bs-primary: #06b6d4;
    --bs-primary-rgb: 6, 182, 212;
    --bs-info: #0284c7;

    --primary-blue: #0284c7;
    --primary-gradient: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
    --primary-hover: linear-gradient(135deg, #0891b2 0%, #0369a1 100%);
    --primary-light: rgba(6, 182, 212, 0.1);
    
    /* Neutral Palette */
    --slate-900: #0f172a;
    --slate-800: #1e293b;
    --slate-700: #334155;
    --slate-600: #475569;
    --slate-500: #64748b;
    --slate-400: #94a3b8;
    --slate-300: #cbd5e1;
    --slate-200: #e2e8f0;
    --slate-100: #f1f5f9;
    --slate-50:  #f8fafc;
    --white:     #ffffff;
    
    /* Accent & Badge Colors */
    --accent-orange: #f97316;
    --accent-green:  #10b981;
    --accent-yellow: #f59e0b;
    
    /* Typography */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Layout & Spacing */
    --max-width: 1500px;
    --header-height: 80px;
    --section-gap: 100px;
    
    /* Borders & Shadows */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 36px;
    --radius-pill: 9999px;
    
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 10px 25px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.12);
    --shadow-floating: 0 15px 35px rgba(2, 132, 199, 0.18);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-blur: blur(14px);
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}