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

:root {
    --color-brand-primary: #064E3B;
    --color-brand-accent: #C5A059;
    --color-brand-surface: #F8FAF7;
    --color-brand-elevation: #FFFFFF;
    --color-brand-body: #334155;
    
    --shadow-luxury: 0 4px 12px rgba(26, 43, 76, 0.05);
}

body {
    font-family: "Inter", sans-serif;
    background-color: var(--color-brand-surface);
    color: var(--color-brand-body);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-brand-primary);
}

.font-logo {
    font-family: "Dancing Script", cursive;
}

.bg-brand-primary { background-color: var(--color-brand-primary); }
.bg-brand-accent { background-color: var(--color-brand-accent); }
.bg-brand-surface { background-color: var(--color-brand-surface); }
.bg-brand-elevation { background-color: var(--color-brand-elevation); }

.text-brand-primary { color: var(--color-brand-primary); }
.text-brand-accent { color: var(--color-brand-accent); }
.text-brand-body { color: var(--color-brand-body); }

.border-brand-primary { border-color: var(--color-brand-primary); }
.border-brand-accent { border-color: var(--color-brand-accent); }

.shadow-luxury { box-shadow: var(--shadow-luxury); }

/* Alpine.js: hide elements before Alpine initializes to prevent flash of modal content */
[x-cloak] { display: none !important; }