/* Import Font Tradisional & Modern dari Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&family=Plus+Jakarta+Sans:wght@300;400;600&family=Playball&display=swap');

:root {
    --primary-color: #aa7636; /* Coklat Emas Jawa */
    --accent-color: #d4a76a;  /* Emas Terang */
    --text-dark: #3a2e1d;     /* Coklat Tua */
    --bg-light: #fdfaf5;      /* Krem Corak Pasir */
}

.font-sans-custom {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-serif-custom {
    font-family: 'Noto Serif JP', serif;
}

.font-calligraphy {
    font-family: 'Playball', cursive;
}

/* Background Motif Jawa */
.bg-invitation-jawa {
    background-color: var(--bg-light);
    background-image: radial-gradient(#e5e7eb 1px, transparent 1px);
    background-size: 16px 16px;
    background-position: center;
}

/* Pengaturan Gambar Gunungan */
.gunungan-img {
    width: 220px;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0px 4px 8px rgba(170, 118, 54, 0.3));
}

/* Bingkai Sudut Khas Undangan */
.invitation-container {
    position: relative;
}

.invitation-container::before,
.invitation-container::after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" style="fill:%23aa7636;"><path d="M0,0 L100,0 L100,10 L10,10 L10,100 L0,100 Z M100,100 L0,100 L0,90 L90,90 L90,0 L100,0 Z"/></svg>');
    background-size: contain;
    pointer-events: none;
}

.invitation-container::before {
    top: 20px;
    left: 20px;
}

.invitation-container::after {
    bottom: 20px;
    right: 20px;
    transform: rotate(180deg);
}

/* Animasi Muncul Lembut */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.7s ease-out forwards;
}