/* * File: assets/css/style.css
 * Deskripsi: Styling utama untuk Website Desa Katikuwai
 */

/* 1. Variabel Warna */
:root {
    --hijau-utama: #198754;   /* Hijau Tua (Bootstrap Success) */
    --hijau-muda: #e8f5e9;    /* Hijau Latar Belakang */
    --emas-aksen: #ffc107;    /* Kuning Emas untuk tombol/aksen */
    --teks-gelap: #212529;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--hijau-muda);
    color: var(--teks-gelap);
}

/* 2. Styling Navigasi */
.navbar {
    background-color: var(--hijau-utama) !important;
    border-bottom: 4px solid var(--emas-aksen);
}

.navbar-brand, .nav-link {
    color: #ffffff !important;
    font-weight: 600;
}

/* 3. Hero Section (Dashboard utama) */
.hero-section {
    background: linear-gradient(rgba(25, 135, 84, 0.8), rgba(25, 135, 84, 0.8)), 
                url('../img/bg-desa.jpg'); /* Pastikan ada gambar di folder assets/img/ */
    background-size: cover;
    background-position: center;
    padding: 100px 20px;
    text-align: center;
    color: white;
}

/* 4. Card Berita/Informasi */
.card {
    border: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: 0.3s;
}

.card:hover {
    box-shadow: 0 8px 12px rgba(0,0,0,0.2);
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

/* 5. Footer */
footer {
    background-color: var(--hijau-utama);
    color: white;
    padding: 30px 0;
    margin-top: 50px;
}

/* 6. Tombol */
.btn-gold {
    background-color: var(--emas-aksen);
    color: var(--teks-gelap);
    font-weight: bold;
}

.btn-gold:hover {
    background-color: #e0a800;
}