@import"tailwindcss";@theme inline{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-serif: "Playfair Display", ui-serif, Georgia, serif; --color-background: hsl(30 20% 97%); --color-foreground: hsl(20 10% 12%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(20 10% 12%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(20 10% 12%); --color-primary: hsl(28 30% 30%); --color-primary-foreground: hsl(30 30% 97%); --color-secondary: hsl(30 15% 93%); --color-secondary-foreground: hsl(20 10% 20%); --color-muted: hsl(30 10% 94%); --color-muted-foreground: hsl(20 5% 45%); --color-accent: hsl(30 15% 90%); --color-accent-foreground: hsl(20 10% 15%); --color-destructive: hsl(0 72% 51%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(30 15% 88%); --color-input: hsl(30 15% 88%); --color-ring: hsl(28 30% 30%); --color-warm-50: hsl(30 30% 97%); --color-warm-100: hsl(30 25% 93%); --color-warm-200: hsl(30 20% 86%); --color-warm-700: hsl(28 30% 30%); --color-warm-800: hsl(20 25% 20%); --color-warm-900: hsl(20 20% 12%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); }:root{--radius: .5rem}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;}}