/* style.css — desain minimal, cerah, modern */
:root {
    --brand: #0ea678;
    /* hijau-cerah */
    --brand-2: #06b6d4;
    /* aksen */
    --muted: #6c757d;
}

/* Reset kecil */
body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: #fff;
    color: #222;
}

a {
    color: var(--brand);
}

a:hover {
    color: var(--brand-2)
}

/* Hero */
.hero {
    background: linear-gradient(135deg, rgba(14, 166, 120, 0.95), rgba(6, 182, 212, 0.95));
    color: #fff;
}

.hero .btn-outline-light {
    border-color: rgba(255, 255, 255, 0.85)
}

/* Cards */
.card {
    border: 0;
    border-radius: 12px
}

/* Navbar brand */
.navbar-brand img {
    border-radius: 8px
}

/* Gallery thumbs */
.gallery-thumb img {
    height: 140px;
    object-fit: cover;
    width: 100%;
    display: block;
    transition: transform .35s ease
}

.gallery-thumb:hover img {
    transform: scale(1.05)
}

/* Small screens tweaks */
@media (max-width:576px) {
    .hero {
        padding: 3rem 1rem
    }

    .gallery-thumb img {
        height: 110px
    }
}

/* Accessibility focus state */
a:focus,
button:focus {
    outline: 3px solid rgba(6, 182, 212, 0.25);
    outline-offset: 2px
}