/* warna.css */

:root {
    /* 1. LATAR BELAKANG HALAMAN / BACKGROUND UTAMA */
    --bg-main: #FBF5DD;        /* Cream Sangat Terang (Lembut di mata, memberikan kesan clean) */
    
    /* 2. LATAR BELAKANG KARTU / CARD & ELEMEN SEKUNDER */
    --bg-card: #E7E1B1;        /* Cream Sage Muted (Sangat pas untuk background kotak produk / sidebar) */
    --text-muted: #E7E1B1;     /* Digunakan juga untuk border lembut atau elemen pembantu */

    /* 3. WARNA TEKS UTAMA & HOVER BUTTON */
    --text-dark: #306D29;      /* Hijau Daun (Kontras tinggi untuk nama produk, harga asli, & judul menu) */
    --primary-hover: #306D29;  /* Efek saat tombol disorot */

    /* 4. WARNA UTAMA / BRAND (Tombol Utama, Badge Ready, Aksen Penting) */
    --primary: #0D530E;        /* Hijau Botol Tua / Deep Forest (Mewah & mempertegas tombol aksi/beli) */
}

/* Reset dasar otomatis agar warna background langsung menyelimuti seluruh halaman */
body {
    background-color: var(--bg-main);
    color: var(--text-dark);
}