/* assets/style.css */

:root {
    --herbal-green: #6ab04c;
    --herbal-light: #e8efe3;
    --herbal-dark: #222;
}

.section-title {
    color: var(--herbal-green);
    letter-spacing: 1px;
    font-size: 2rem;
}

.card {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    margin-bottom: 2rem;
}

.btn-herbal {
    background: var(--herbal-green);
    color: #fff;
    border: none;
    border-radius: 2rem;
    padding: 0.5rem 2rem;
    font-weight: 600;
    transition: background 0.2s;
}
.btn-herbal:hover {
    background: #519c36;
}

input, textarea {
    border-radius: 0.5rem !important;
    border: 1px solid #c8e6c9 !important;
}

footer {
    background: var(--herbal-light);
    color: var(--herbal-dark);
}

@media (max-width: 768px) {
    .section-title { font-size: 1.5rem; }
    .card { margin-bottom: 1.2rem; }
}