/* ========================================
   Wilna soft-green palette overrides
   Basiskleuren:
   --sage-green: #8bc19b (vervangt #a5c422)
   --sage-dark:  #6ba57d (voor hovers)
   --terracotta: #c67958 (vervangt #4267b2)
   --cream-bg:   #fdfaf5 (warme achtergrond)
   --text-dark:  #3d4a3a (warm donker groen-grijs)
   --text-body:  #5a6b5a
   ======================================== */

:root {
    --wilna-green: #8bc19b;
    --wilna-green-dark: #6ba57d;
    --wilna-accent: #c67958;
    --wilna-cream: #fdfaf5;
    --wilna-text-dark: #3d4a3a;
    --wilna-text: #5a6b5a;
}

body {
    background-color: var(--wilna-cream);
    color: var(--wilna-text);
}

h1, h2, h3, h4, h5 {
    color: var(--wilna-text-dark);
}

/* Cheerful accent — hovers */
a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a {
    color: var(--wilna-green-dark) !important;
}

/* Softere shadows */
.about-thumb,
.services-thumb,
.team-thumb,
.news-thumb,
.appointment-form,
.contact-info {
    box-shadow: 0 4px 20px rgba(107, 165, 125, 0.08);
    border-radius: 6px;
}

/* Buttons zachter */
.section-btn,
.appointment-btn a,
.btn-default {
    border-radius: 6px !important;
    letter-spacing: 1px;
    padding: 12px 32px !important;
    transition: all 0.3s ease !important;
}

.section-btn:hover,
.appointment-btn a:hover,
.btn-default:hover {
    background-color: var(--wilna-green-dark) !important;
    transform: translateY(-2px);
}

/* Preloader dot */
.spinner-rotate {
    border-top-color: var(--wilna-green) !important;
}

/* Zachte overgangen tussen secties */
section {
    scroll-margin-top: 90px;
}

/* Warmer contact form */
.form-control {
    border-radius: 6px !important;
    border-color: rgba(139, 193, 155, 0.3) !important;
}

.form-control:focus {
    border-color: var(--wilna-green) !important;
    box-shadow: 0 0 0 3px rgba(139, 193, 155, 0.15) !important;
}