@import "tailwindcss";

@theme {
  --font-serif: var(--font-oranienbaum), serif;
  --font-sans: var(--font-inter), sans-serif;
  
  --color-background: #faf7f0;
  --color-foreground: #1a1a1a;
  --color-brand: #c88c4b;
}

:root {
  --background: #faf7f0;
  --foreground: #1a1a1a;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-inter), sans-serif;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: var(--font-oranienbaum), serif;
}