@import "tailwindcss";

:root {
  --background: #fff8f0;
  --foreground: #3d2b1f;
  --muted: #6b5344;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-muted: var(--muted);
  --color-gaufre: #f39c12;
  --color-chocolat: #3d2b1f;
  --color-cream: #fff8f0;
  --font-sans: var(--font-outfit);
}

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

html {
  scroll-behavior: smooth;
}
