:root {
    --primary-color: #1E1E1E;
    --secondary-color: #928f8c;
    --secondary-light: #93908D;
    --white-color: #FFFFFF;
    --light-gray: #f5f5f7;
    --medium-gray: #86868b;
    --dark-gray: #333333;
}

body {
    font-family: 'Gotham', sans-serif;
    color: var(--dark-gray);
    background-color: var(--white-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Californian FB', 'Libre Baskerville', serif;
    color: var(--primary-color);
}

.btn {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 2px solid var(--primary-color);
}

.btn:hover {
    background-color: transparent;
    color: var(--white-color);
    text-shadow: -1px 1px 3px #1E1E1E;
}

.btn-outline {
    background-color: transparent;
    color: var(--white-color)!important;
}

.btn-outline:hover {
    background-color: var(--primary-color);
    color: var(--white-color)!important;
}

.site-header {
    background-color: rgba(255, 255, 255, 0.9);
}

.main-navigation a {
    color: var(--primary-color);
}

.main-navigation a::after {
    background-color: var(--primary-color);
}

.main-navigation a:hover {
    color: var(--primary-color);
}

.hero-section {
    position: relative;
}

.hero-background {
    filter: brightness(0.5);
}

.hero-content h1 {
    color: var(--white-color);
}

.hero-subtitle {
    color: var(--secondary-color);
}

.hero-main-title {
    background: linear-gradient(to right, #ffffff, #928f8c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.expertise-icon {
    background-color: rgba(30, 30, 30, 0.1);
    color: var(--primary-color);
}

.expertise-item:hover .expertise-icon {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.section-subtitle {
    color: var(--primary-color);
}

.section-subtitle:before {
    background-color: var(--primary-color);
}

.experience-badge {
    background-color: var(--primary-color);
}

.counter-section:before {
    background-color: rgba(30, 30, 30, 0.9);
}

.service-icon {
    background-color: var(--primary-color);
}

.service-card:hover .service-icon {
    background-color: #333333;
}

.service-divider {
    background-color: var(--primary-color);
}

.service-link {
    color: var(--primary-color);
}

.process-number {
    background-color: var(--primary-color);
}

.team-member-back {
    background-color: var(--primary-color);
}

.faq-tab.active, .faq-tab:hover {
    background-color: var(--primary-color);
}

.accordion-icon:before, .accordion-icon:after {
    background-color: var(--primary-color);
}

.contact-icon {
    background-color: rgba(30, 30, 30, 0.1);
    color: var(--primary-color);
}

.site-footer {
    background-color: var(--primary-color);
}

.whatsapp-float {
    background-color: #25D366;
}

.whatsapp-float:hover {
    background-color: #22c15e;
}