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

:root {
    --primary: #4C7B3D;
    /* Avocado Green */
    --primary-dark: #3A5F2F;
    --secondary: #FAF9F6;
    /* Cream */
    --accent: #E2E8F0;
    /* Dalat Mist */
    --text-main: #0F172A;
    --text-muted: #475569;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-main);
    background-color: var(--secondary);
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
.font-serif {
    font-family: 'Playfair Display', serif;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.hover-lift {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hover-lift:hover {
    transform: translateY(-5px);
}

.text-gradient {
    background: linear-gradient(to right, var(--primary), #84cc16);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}