/* ==========================================================================
   Page styles: philippineprovince/lakesebu.html
   Global/shared styles live in assets/css/style.css (and tailwind.css).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@300;400;500;600&display=swap');

/* SOMA Animated Gradient Mesh Background */
.soma-bg {
    background: linear-gradient(135deg, #1e3b3a 0%, #2b504e 40%, #c45b33 100%);
    background-size: 200% 200%;
    animation: gradientMove 15s ease infinite;
}
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.font-serif {
    font-family: 'Playfair Display', serif;
}

/* Glassmorphism utility */
.glass-panel {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
}