/* Alat Labs Custom Color Overrides */
/* Add this file after your main Landio CSS */

:root {
    /* Alat Labs Primary Colors */
    --alat-primary: #127A7F;
    --alat-primary-dark: #0F6A70;
    --alat-primary-light: #1A969C;
    --alat-secondary: #2C3E50;
    --alat-accent: #16A085;
    /* Override Landio Variables with Alat Labs Colors */
    --accent-color: #127A7F;
    --heading-color: #2C3E50;
    --default-color: #4a4b64;
    --nav-hover-color: #127A7F;
    --nav-dropdown-hover-color: #127A7F;
    /* Gradient variations for modern look */
    --alat-gradient-1: linear-gradient(135deg, #127A7F 0%, #16A085 100%);
    --alat-gradient-2: linear-gradient(135deg, #0F6A70 0%, #127A7F 100%);
}

/* Header customization */
.header .logo h1 {
    color: #127A7F;
    font-weight: 600;
}

/* Button customization */
.btn-primary,
.hero .hero-actions .btn-primary,
.header .btn-getstarted {
    background: var(--alat-gradient-1);
    border: none;
}

    .btn-primary:hover,
    .hero .hero-actions .btn-primary:hover,
    .header .btn-getstarted:hover {
        background: var(--alat-gradient-2);
    }

/* Icons and accents */
.hero .hero-badge i,
.hero .metric-icon i,
.feature-icon i,
.service-icon i {
    color: #127A7F;
}

/* Metric and feature backgrounds */
.hero .metric-icon,
.feature-icon,
.service-icon {
    background: linear-gradient(135deg, color-mix(in srgb, #127A7F, transparent 85%), color-mix(in srgb, #127A7F, transparent 90%));
}

/* Hover states */
.pricing-card.popular,
.testimonial-card.featured {
    border-color: #127A7F;
}

.testimonial-card .featured-badge,
.services .featured-service-card .service-badge {
    background: var(--alat-gradient-1);
}

/* Section titles */
.section-title h2 {
    color: #127A7F;
}

    .section-title h2::after {
        background: #127A7F;
    }

/* Navigation */
.navmenu a:hover,
.navmenu .active {
    color: #127A7F;
}

/* Links */
a {
    color: #127A7F;
}

    a:hover {
        color: #0F6A70;
    }

/* Footer */
.footer .nav-column .footer-nav a:hover {
    color: #127A7F;
}

.footer .footer-bottom .legal-links .credits a {
    color: #127A7F;
}

/* Contact form */
.contact .contact-info-panel {
    background: var(--alat-gradient-1);
}

.contact .modern-form .form-control:focus {
    border-color: #127A7F;
    box-shadow: 0 0 0 3px color-mix(in srgb, #127A7F, transparent 90%);
}

.contact .modern-form .submit-btn {
    background: var(--alat-gradient-1);
}

    .contact .modern-form .submit-btn:hover {
        background: var(--alat-gradient-2);
    }

/* Services section */
.services .services-grid .featured-service-card .service-icon-large {
    background: var(--alat-gradient-1);
}

/* Testimonials */
.testimonials .avatar {
    border-color: #127A7F;
}

.testimonials .rating i {
    color: #127A7F;
}

/* Pricing */
.pricing .pricing-card.popular .plan-cta .btn-plan {
    background: var(--alat-gradient-1);
}

    .pricing .pricing-card.popular .plan-cta .btn-plan:hover {
        background: var(--alat-gradient-2);
    }

/* Tech-focused styling for Alat Labs */
.tech-pattern {
    background-image: linear-gradient(30deg, transparent 12.5%, color-mix(in srgb, #127A7F, transparent 95%) 12.5%, color-mix(in srgb, #127A7F, transparent 95%) 50%, transparent 50%, transparent 62.5%, color-mix(in srgb, #127A7F, transparent 95%) 62.5%, color-mix(in srgb, #127A7F, transparent 95%) 100%);
    background-size: 7px 7px;
}