body {
    background-color: #F5F0E5;
    font-family: 'Nunito', 'Dosis', 'sans-serif';
    color: #7D5A50;
}
h1, h2, h3, h4, h5, h6 {
    color: #5D4037;
}
.ghibli-btn {
    background-color: #E98477;
    color: white;
    transition: all 0.3s ease;
}
.ghibli-btn:hover {
    background-color: #d57267;
    transform: translateY(-2px);
}
.secondary-btn {
    background-color: #F2B880;
    color: white;
}
.secondary-btn:hover {
    background-color: #e1a976;
}
.alt-btn {
    background-color: #8BC4A9;
    color: white;
}
.alt-btn:hover {
    background-color: #7ab396;
}
.form-card {
    border-radius: 15px;
    background-color: white;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}
.navbar {
    background-color: white;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}
.feature-card-mint {
    background: linear-gradient(to bottom right, #ffffff, #D1E8C4);
}
.feature-card-sky {
    background: linear-gradient(to bottom right, #ffffff, #C7E1F1);
}
.feature-card-orange {
    background: linear-gradient(to bottom right, #ffffff, #F9E2C7);
}
.feature-card-beige {
    background: linear-gradient(to bottom right, #ffffff, #F5F0E5);
}
.upload-icon {
    background-color: #D1E8C4;
    color: #5D4037;
}
.file-upload-area {
    border: 2px dashed #D1E8C4;
}
.file-upload-area:hover {
    border-color: #8BC4A9;
    background-color: #f8faf6;
}
.footer {
    background-color: #F9E2C7;
}
.faq-item {
    border-bottom: 1px solid #F5F0E5;
}
.faq-answer {
    color: #9C7B6E;
}
.icon-mint {
    background-color: #D1E8C4;
    color: #5D4037;
}
.icon-sky {
    background-color: #C7E1F1;
    color: #5D4037;
}
.icon-orange {
    background-color: #F9E2C7;
    color: #5D4037;
}
.icon-beige {
    background-color: #F5F0E5;
    color: #5D4037;
}
.section-mint {
    background-color: #F5FAEA;
}
.section-sage {
    background-color: #bedbae;
}
.section-sky {
    background-color: #F0F8FF;
}
.section-orange {
    background-color: #FFF8F0;
}
.upload-card {
    transition: all 0.3s ease;
    min-height: 220px;
}
.upload-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
    border-color: #D1E8C4;
}
.upload-bubble {
    transition: all 0.3s ease;
}
.upload-card:hover .upload-bubble {
    transform: scale(1.05);
}
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Dosis:wght@400;500;600;700&display=swap');