@import "tailwindcss";

@theme {
  --color-morocco-red: #C1272D;
  --color-morocco-green: #006233;
  --color-morocco-sand: #F4E4BC;
  --color-morocco-gold: #D4AF37;
  --color-morocco-teal: #0F766E;
  --color-morocco-clay: #B45309;

  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Merriweather", ui-serif, Georgia, serif;
}

@layer base {
  body {
    @apply font-sans;
  }
  h1, h2, h3, h4, h5, h6 {
    @apply font-serif;
  }
}