/* =========================================================
// KODE CSS KUSTOM FINAL: NAMENDEK BUDAYA AN PIGAGIN
// SKEMA: CREAM/BEIGE (Background), DARK GRAY (Teks), TERAKOTA (Aksen)
// KONTRAST TINGGI DI SEMUA AREA
// ========================================================= */

:root {
  /* Skema Warna Dasar */
  --primary-color: #A83C2F;    /* Merah Bata/Terakota - Aksen Utama, CTA */
  --secondary-color: #333333;   /* Teks Hitam/Dark Gray */
  --accent-color: #B8860B;     /* Emas Gelap/Golden Rod - Judul, Hover */
  
  /* Latar Belakang dan Warna Teks Default */
  --light-bg-color: #F5F5DC;  /* Beige/Cream (Latar Belakang Konten) */
  --text-color: var(--secondary-color); /* Teks: Dark Gray */
}

/* 1. KONTROL LATAR BELAKANG HALAMAN UTAMA */
body {
    background-color: var(--light-bg-color); 
    color: var(--text-color);
}
section {
    background-color: var(--light-bg-color); /* Konten Beige */
}
/* Teks dan List (Menggunakan Teks Hitam) */
p, li, .section-title p {
    color: var(--text-color) !important; 
}


/* 2. OVERRIDE WARNA UTAMA (Header & Footer) */
#header, .footer {
    background-color: #ffffff !important; /* Footer dan Header Putih */
}
.logo h1, .navmenu a {
    color: var(--secondary-color) !important; /* Teks Navigasi Hitam */
}
.navmenu a:hover, .navmenu .active {
    color: var(--primary-color) !important; /* Merah Bata saat hover */
}

/* 3. HERO Section */
#hero h1 {
    color: var(--primary-color); /* Judul Hero Merah Bata */
}
#hero .book-subtitle {
    color: var(--accent-color); /* Subjudul Emas */
}
#hero .book-author {
    color: var(--secondary-color); /* Teks penulis Hitam */
}
.book-genre-tag {
    background-color: var(--primary-color);
    color: #ffffff; /* Merah Bata dengan teks Putih */
}

/* 4. SECTIONS (About, Features) */
.section-title h2 {
    color: var(--primary-color); /* Judul Section Merah Bata */
}

/* 5. Buttons (CTA) */
.btn-primary, .btn-get-copy, .btn-read-more {
    background-color: var(--primary-color); 
    border-color: var(--primary-color);
    color: #ffffff; 
}
.btn-primary:hover, .btn-get-copy:hover {
    background-color: var(--accent-color); 
    border-color: var(--accent-color);
    color: #ffffff; 
}


/* 6. Features/Ikon */
.features .feature-card {
    background-color: #ffffff; /* Kartu Putih */
    color: var(--text-color);
    border: 1px solid var(--accent-color); /* Border Emas */
}
.features .feature-card .feature-icon {
    background-color: var(--primary-color); 
    color: #FFFFFF; 
}
.features .feature-card h3 {
    color: var(--primary-color); /* Judul Kartu Merah Bata */
}

/* 7. Footer Social Links dan Alamat */
.footer .social-links a {
    background-color: var(--primary-color);
    color: #ffffff;
}
.footer .social-links a:hover {
    background-color: var(--accent-color);
    color: #ffffff;
}
/* Memastikan Teks Alamat Hitam */
#contact *, .contact-info * {
    color: var(--secondary-color) !important; 
}