/* Tema latar belakang: pola bintang segi-delapan + siluet masjid. Ganti/ubah di sini saja.
   Ingin memakai foto sendiri? Ganti baris "--latar-foto" dengan: url('latar.jpg') lalu unggah latar.jpg di folder yang sama. */
:root {
    --pola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23059669' stroke-opacity='0.10' stroke-width='1'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3C/g%3E%3Cg fill='%23059669' fill-opacity='0.10'%3E%3Ccircle cx='0' cy='0' r='2'/%3E%3Ccircle cx='80' cy='0' r='2'/%3E%3Ccircle cx='0' cy='80' r='2'/%3E%3Ccircle cx='80' cy='80' r='2'/%3E%3C/g%3E%3C/svg%3E");
    --siluet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='170' viewBox='0 0 900 170'%3E%3Cg fill='%23047857' fill-opacity='0.13'%3E%3Crect x='0' y='150' width='900' height='20'/%3E%3Cpath d='M300 150V108A60 60 0 0 1 420 108V150Z'/%3E%3Crect x='358' y='34' width='4' height='16'/%3E%3Ccircle cx='360' cy='32' r='5'/%3E%3Cpath d='M200 150V126A30 30 0 0 1 260 126V150Z'/%3E%3Cpath d='M460 150V126A30 30 0 0 1 520 126V150Z'/%3E%3Crect x='150' y='56' width='14' height='94'/%3E%3Cpath d='M146 56A11 14 0 0 1 168 56Z'/%3E%3Crect x='154' y='32' width='6' height='12'/%3E%3Crect x='566' y='56' width='14' height='94'/%3E%3Cpath d='M562 56A11 14 0 0 1 584 56Z'/%3E%3Crect x='570' y='32' width='6' height='12'/%3E%3Crect x='640' y='128' width='60' height='22'/%3E%3Cpath d='M650 128V116A20 20 0 0 1 690 116V128Z'/%3E%3Crect x='60' y='128' width='60' height='22'/%3E%3Cpath d='M70 128V116A20 20 0 0 1 110 116V128Z'/%3E%3C/g%3E%3C/svg%3E");
    --latar-foto: none;
}

html { background: #ecfdf5; }
body.tema-ornamen { background: transparent !important; position: relative; }
body.tema-ornamen::before {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background:
        var(--siluet) bottom center / 900px auto repeat-x,
        radial-gradient(circle at 12% 8%, rgba(16, 185, 129, .22), transparent 38%),
        radial-gradient(circle at 92% 18%, rgba(20, 184, 166, .18), transparent 36%),
        var(--pola) 0 0 / 80px 80px repeat,
        linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 45%, #e0f2f1 100%);
}
/* Halaman login: sorotan lebih kuat di tengah agar kartu menonjol */
body.tema-login::after {
    content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(ellipse at 50% 35%, rgba(255, 255, 255, .75), transparent 60%);
}
/* Kartu putih tampak sedikit "kaca" di atas ornamen */
body.tema-ornamen .bg-white { background-color: rgba(255, 255, 255, .94); }
@media print { body.tema-ornamen::before, body.tema-login::after { display: none; } }