/* ========================================
   MODERN LOGO COLOR PALETTE
   Premium Deep Navy → Teal Gradient
   ======================================== */

/* Updated Logo Variables */
:root {
    /* Modern Logo Colors */
    --logo-primary: #1e3a8a;
    /* Deep Navy Blue - Professional & Trustworthy */
    --logo-secondary: #0891b2;
    /* Teal - Modern & Tech-Forward */
    --logo-hover-primary: #1e40af;
    /* Lighter Navy on Hover */
    --logo-hover-secondary: #06b6d4;
    /* Brighter Cyan on Hover */

    /* Gradient Definitions */
    --logo-gradient: linear-gradient(135deg, #1e3a8a 0%, #0891b2 100%);
    --logo-gradient-hover: linear-gradient(135deg, #1e40af 0%, #06b6d4 100%);
}

/* Logo Icon with New Gradient */
.logo-icon {
    background: var(--logo-gradient);
}

.navbar-brand:hover .logo-icon,
.footer .logo-icon:hover {
    background: var(--logo-gradient-hover);
}

/* Logo Text Gradient */
.logo-main {
    background: var(--logo-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* All Gradient Elements Updated */
.feature-icon,
.process-number,
.gradient-element {
    background: var(--logo-gradient);
}

.feature-icon:hover,
.process-number:hover {
    background: var(--logo-gradient-hover);
}

/* Section Accent Lines */
.section-title h2::after,
.accent-line {
    background: var(--logo-gradient);
}

/* Gradient Buttons */
.btn-gradient {
    background: var(--logo-gradient);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    background: var(--logo-gradient-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.3);
}

/* Small Mobile - Logo Text Hide */
@media (max-width: 375px) {
    .navbar-brand::after {
        background: var(--logo-gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}

/* Premium Look & Feel Notes:
   
   Color Psychology:
   - Deep Navy (#1e3a8a): Trust, professionalism, stability
   - Teal (#0891b2): Innovation, technology, modern thinking
   
   Usage:
   - Logo icon background
   - Logo text gradient
   - Section accent lines
   - Feature icons
   - Process numbers
   - CTA highlights
   
   This gradient provides:
   ✅ More sophisticated look than blue-orange
   ✅ Better suited for tech/service companies
   ✅ Premium, modern appearance
   ✅ Excellent contrast on white backgrounds
   ✅ Professional but not boring
*/