/* Simpan di: assets/css/style.css */
:root {
    --primary-green: #2D4739;
    --gold: #C5A059;
    --cream: #FDFCF8;
}

body {
    background-color: var(--cream);
    color: var(--primary-green);
    line-height: 1.6;
}

.hero-bg {
    background-color: red !important;
    height: 500px;
}
    
    /* Tambahkan ini agar di HP gambar memenuhi layar */
    min-height: 100vh; 
    display: flex;
    align-items: center;
    justify-content: center;

    /* Mode aman untuk HP */
    background-attachment: scroll; 
}

/* Efek Parallax hanya untuk PC */
@media (min-width: 1024px) {
    .hero-bg, .services-hero {
        background-attachment: fixed;
    }
}

.btn-gold {
    background-color: var(--gold);
    color: white;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 9999px; /* Membuat lonjong sempurna */
}

/* Responsif Mobile */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem !important; /* Disesuaikan agar tidak terlalu besar di HP */
        line-height: 1.2;
    }
    
    p {
        font-size: 0.9rem;
        text-align: center;
        padding: 0 15px; /* Jarak aman dari pinggir layar */
    }

    .btn-gold {
        width: 90%; /* Memberikan sedikit ruang di kiri kanan */
        margin: 0 auto;
        padding: 0.8rem;
    }
}