/* Custom Theme Variables based on requested aesthetic */
:root {
  --color-brand-nude: #E6D5C3;
  --color-brand-pink: #F8E8E8;
  --color-brand-light: #FAF8F5;
  --color-brand-dark: #2C2A29;
  --color-brand-gold: #C2A878;
}

body {
    font-family: 'Lato', sans-serif;
}

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

/* Tailwind custom configuration via CSS vars mapping */
.bg-brand-light { background-color: var(--color-brand-light); }
.bg-brand-nude { background-color: var(--color-brand-nude); }
.bg-brand-pink { background-color: var(--color-brand-pink); }
.bg-brand-dark { background-color: var(--color-brand-dark); }
.bg-brand-gold { background-color: var(--color-brand-gold); }

.text-brand-light { color: var(--color-brand-light); }
.text-brand-nude { color: var(--color-brand-nude); }
.text-brand-pink { color: var(--color-brand-pink); }
.text-brand-dark { color: var(--color-brand-dark); }
.text-brand-gold { color: var(--color-brand-gold); }

.border-brand-nude { border-color: var(--color-brand-nude); }
.border-brand-gold { border-color: var(--color-brand-gold); }

.fill-brand-gold { fill: var(--color-brand-gold); }
.hover\:text-brand-gold:hover { color: var(--color-brand-gold); }
.hover\:bg-brand-gold:hover { background-color: var(--color-brand-gold); }
.hover\:border-brand-gold:hover { border-color: var(--color-brand-gold); }

.selection\:bg-brand-gold::selection { background-color: var(--color-brand-gold); }
.selection\:text-white::selection { color: white; }

/* Utilities */
.backdrop-blur-md {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Smooth reveal initial state */
.gs-reveal {
    visibility: hidden;
}