/* =========================================================
// REVISI SANGAT FINAL HIGH-CONTRAST UNTUK BARA KECIL DI TANAH TINGGI
// Skema Warna: Dark Charcoal, Putih, Coral Orange, Deep Orange (Hover)
// ========================================================= */

:root {
  /* Skema Warna Dasar */
  --primary-color: #1A1A1A;    /* Dark Charcoal - Header, Footer, Teks Utama */
  --secondary-color: #FF8A65;   /* Coral Orange - Bara Kecil/Aksen */
  --accent-color: #E64A19;     /* Deep Orange / Merah Bata - Hover yang Lebih Hangat */
  
  /* Latar Belakang dan Warna Teks Default (Kontras Tinggi) */
  --light-bg-color: #FFFFFF;  /* Latar Belakang Konten Putih */
  --text-color: #333333;      /* Teks Paragraf Hitam */
}

/* 1. KONTROL LATAR BELAKANG HALAMAN UTAMA */
body {
    background-color: var(--light-bg-color); 
    color: var(--text-color);
}
section {
    background-color: var(--light-bg-color);
}
p, li {
    color: var(--text-color);
}


/* 2. OVERRIDE WARNA UTAMA (Header & Footer) - TETAP GELAP */
.logo h1, .navmenu a {
    color: #ffffff !important; 
}
.navmenu a:hover, .navmenu .active {
    color: var(--secondary-color) !important; /* Oranye Bara */
}

/* 3. HERO Section */
#hero .book-title, #hero h2 {
    color: var(--primary-color); /* Dark Charcoal */
}
#hero .book-author {
    color: var(--secondary-color); /* Oranye Bara */
}
.book-genre-tag {
    background-color: var(--secondary-color);
    color: #ffffff; /* Oranye dengan teks Putih */
}

/* 4. SECTIONS (About, Features) */
.section-title h2 {
    color: var(--primary-color); 
}
.features .feature-card {
    background-color: var(--light-bg-color); 
    border: 1px solid #eeeeee; 
}

/* 5. Buttons (CTA) */
.btn-primary, .btn-get-copy, .btn-read-more {
    background-color: var(--secondary-color); /* Oranye Bara */
    border-color: var(--secondary-color);
    color: #ffffff; 
}
.btn-primary:hover, .btn-get-copy:hover {
    background-color: var(--accent-color); /* Merah Bata (Api Lebih Panas) */
    border-color: var(--accent-color);
    color: #ffffff; 
}


/* 6. Features/Ikon */
.features .feature-card .feature-icon {
    background-color: var(--secondary-color); /* Oranye Bara */
    color: #ffffff;
}
.features .feature-card h3 {
    color: var(--primary-color); 
}

/* 7. Footer Social Links */
.footer .social-links a {
    background-color: var(--secondary-color);
    color: #ffffff;
}
.footer .social-links a:hover {
    background-color: var(--accent-color); /* Merah Bata */
}