@import"tailwindcss";@theme inline{ --color-background: #F8FAFC; --color-foreground: #111827; --color-card: #FFFFFF; --color-card-foreground: #111827; --color-popover: #FFFFFF; --color-popover-foreground: #111827; --color-primary: #0F172A; --color-primary-foreground: #F8FAFC; --color-secondary: #2563EB; --color-secondary-foreground: #FFFFFF; --color-accent: #14B8A6; --color-accent-foreground: #FFFFFF; --color-muted: #F1F5F9; --color-muted-foreground: #64748B; --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: #FFFFFF; --color-border: #E2E8F0; --color-input: #E2E8F0; --color-ring: #2563EB; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-heading: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --animate-fade-in: fade-in .6s ease-out forwards; --animate-slide-up: slide-up .6s ease-out forwards; }:root{--radius: .75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;}html{scroll-behavior:smooth}}