warna-restoran.css

/* === KELAPA PENIDA — WARNA IDENTITAS === */
:root {
    --utama: #e11d48;        /* 🌹 Merah Muda — Semangat, Ramah, Makanan */
    --sekunder: #0d9488;     /* 🌊 Teal — Laut & Alam Nusa Penida */
    --aksen: #f59e0b;        /* 🌅 Emas — Sunset & Kualitas Premium */
    --latar: #fff7f8;        /* 🌸 Latar lembut */
    --gelap: #1f2937;        /* Teks gelap */
    --abu: #6b7280;          /* Teks abu-abu */
    --putih: #ffffff;
    --bayangan: rgba(225, 29, 72, 0.12);
}

/* === KELAS UTAMA — TERAP OTOMATIS === */
.bisnis-restoran {
    --warna-utama: var(--utama);
    --warna-sekunder: var(--sekunder);
    --warna-aksen: var(--aksen);
    --latar-utama: var(--latar);
}

/* === Latar Belakang Elegan Kelapa Penida === */
.latar-utama {
    /* 1. Gambar latar — pastikan alamatnya benar */
    background-image: url("../images/latar-restoran.jpg");

    /* 2. Ukuran: Penuhi layar, proporsi tetap indah */
    background-size: cover;

    /* 3. Posisi: Bagian tengah gambar selalu tampil */
    background-position: center center;

    /* 4. Tidak diulang, tampil satu kali saja */
    background-repeat: no-repeat;

    /* ✅ Tambahan bagus: Gambar diam saat digulir */
    background-attachment: fixed;

    /* ✅ Tambahan agar tulisan jelas terbaca: Gelapkan sedikit */
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: overlay;

    /* Tinggi minimal penuh layar */
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}