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

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", ui-serif, Georgia, serif;
  
  --color-brand-blue: #3E3636;
  --color-brand-blue-light: #524747;
  --color-brand-gold: #DDA7A5;
  --color-brand-gold-hover: #C28F8D;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background-color: #FDFAFA; /* Very subtle warm white/pink */
}

/* Modern clean scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FCF9F9;
}
::-webkit-scrollbar-thumb {
  background: #3E3636;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #DDA7A5;
}