@import"tailwindcss";@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(0 0% 10%); --color-card: hsl(30 20% 98%); --color-card-foreground: hsl(0 0% 10%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(0 0% 10%); --color-primary: hsl(25 18% 60%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(30 15% 95%); --color-secondary-foreground: hsl(0 0% 10%); --color-muted: hsl(30 10% 95%); --color-muted-foreground: hsl(0 0% 40%); --color-accent: hsl(30 15% 95%); --color-accent-foreground: hsl(0 0% 10%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(30 10% 90%); --color-input: hsl(30 10% 90%); --color-ring: hsl(25 18% 60%); --color-taupe: hsl(25 18% 60%); --color-taupe-light: hsl(30 20% 95%); --color-taupe-dark: hsl(25 18% 45%); --color-charcoal: hsl(0 0% 10%); --color-warm-white: hsl(30 20% 98%); --color-sidebar-background: hsl(0 0% 98%); --color-sidebar-foreground: hsl(240 5.3% 26.1%); --color-sidebar-primary: hsl(240 5.9% 10%); --color-sidebar-primary-foreground: hsl(0 0% 98%); --color-sidebar-accent: hsl(240 4.8% 95.9%); --color-sidebar-accent-foreground: hsl(240 5.9% 10%); --color-sidebar-border: hsl(220 13% 91%); --color-sidebar-ring: hsl(217.2 91.2% 59.8%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-serif: "DM Serif Display", Georgia, serif; }:root{--radius: .5rem}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}h1,h2,h3,h4{font-family:var(--font-serif)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards}
