@import "tailwindcss";

@theme {
  --font-serif: "Cormorant Garamond", Georgia, Cambria, "Times New Roman", Times, serif;
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  
  --color-brand-charcoal: #1A1A1A;
  --color-brand-charcoal-light: #26292E;
  --color-brand-ivory: #FBF9F5;
  --color-brand-ivory-dark: #F3EFEA;
  --color-brand-gold: #C5A880;
  --color-brand-gold-light: #DFC7A5;
  --color-brand-gold-dark: #A98758;
  --color-brand-slate: #4A4E54;
  --color-brand-slate-light: #6E747D;
}

@layer base {
  body {
    font-family: var(--font-sans);
    color: var(--color-brand-charcoal);
    background-color: var(--color-brand-ivory);
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, .font-editorial {
    font-family: var(--font-serif);
  }
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #F3EFEA;
}

::-webkit-scrollbar-thumb {
  background: #C5A880;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #A98758;
}