@import url('../assets/css/main.css');

body {
    font-family: "Bodoni Moda", serif;
    color: #e8e6f0;
    background-color: #0d1a18; 
}

.bg-white {
    background-color: #1a2a28 !important; 
}

.text-primary {
    color: #2ECC71 !important;
}

#spinner {
    background-color: rgba(13, 26, 24, 0.95) !important;
}

#spinner.show {
    display: flex !important;
}

#spinner .spinner-grow {
    background-color: #2ECC71;
}

.perhapsthemoon-cta-button {
    background: linear-gradient(45deg, #2ECC71, #1ABC9C); 
    border-color: #2ECC71;
    color: #0d1a18;
    transition: all 0.3s ease;
}

.perhapsthemoon-cta-button:hover {
    background: linear-gradient(45deg, #1ABC9C, #2ECC71);
    box-shadow: 0 4px 15px rgba(46, 204, 113, 0.4);
}

.perhapsthemoon-cta-button.secondary {
    background: transparent;
    border: 2px solid #2ECC71;
    color: #e8e6f0;
}

.perhapsthemoon-cta-button.secondary:hover {
    background-color: rgba(46, 204, 113, 0.1);
    color: #2ECC71;
}

.perhapsthemoon-header, .perhapsthemoon-footer {
    background-color: #132724;
}

.perhapsthemoon-service-card, .perhapsthemoon-testimonial, .perhapsthemoon-team-member {
    background-color: #193330;
    border-top: 3px solid #2ECC71;
}

.back-to-top {
    background-color: #2ECC71 !important;
    border-color: #2ECC71 !important;
}

.back-to-top:hover {
    background-color: #1ABC9C !important;
}

.perhapsthemoon-skill {
    background-color: #2ECC71;
    color: #0d1a18;
}

.perhapsthemoon-about-content ul li::before {
    color: #2ECC71;
}