/* --- SYSTEM GLOBAL BRANDING FORSGI (TEMA MERAH PUTIH HITAM) --- */
:root {
    --primary-red: #dc2626;     /* Merah utama yang berani */
    --dark-red: #991b1b;        /* Merah gelap untuk efek kedalaman */
    --bright-red: #ef4444;      /* Merah terang untuk aksen/hover */
    --accent-white: #ffffff;    /* Putih murni sebagai pengganti kuning */
    --dark-top: #171717;        /* Hitam solid/gelap untuk header */
    --soft-bg: #fdfdfd;         /* Putih keabu-abuan untuk background konten agar tidak menyilaukan */
    --gradient-red: linear-gradient(135deg, #991b1b 0%, #ef4444 100%);
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: var(--soft-bg);
    font-family: 'Plus Jakarta Sans', 'Poppins', sans-serif;
    color: #171717; /* Diubah menjadi hitam pekat agar lebih senada */
}

/* --- BACKGROUND KHUSUS INDEX --- */
body.page-index {
    background-color: #171717; /* Background dasar hitam */
    /* Overlay diubah menjadi hitam transparan agar elemen merah & putih lebih menonjol */
    background-image: linear-gradient(rgba(23, 23, 23, 0.85), rgba(23, 23, 23, 0.85)), url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?q=80&w=2000');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}