:root {
    --warna-utama: #0b1d3a;
    --warna-sekunder: #163b73;
    --warna-aksen: #f1c40f;
    --warna-putih: #ffffff;
    --warna-abu: #f4f6f9;

    --warna-hijau: #27ae60;
    --warna-merah: #c0392b;
    --warna-kuning: #f1c40f;
}

/* GLOBAL */
body {
    background-color: var(--warna-abu);
}

/* HEADER / NAVBAR */
.navbar,
.header {
    background: linear-gradient(
        135deg,
        var(--warna-utama),
        var(--warna-sekunder)
    );
    color: var(--warna-putih);
}

/* BUTTON UTAMA */
.btn-primary,
button {
    background: var(--warna-sekunder);
    color: var(--warna-putih);
}

.btn-primary:hover,
button:hover {
    opacity: 0.9;
}

/* STATUS */
.status-hijau { color: var(--warna-hijau); }
.status-merah { color: var(--warna-merah); }
.status-kuning { color: var(--warna-kuning); }