@import"tailwindcss";@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(220 20% 14%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(220 20% 14%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(220 20% 14%); --color-primary: hsl(215 70% 18%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(214 32% 95%); --color-secondary-foreground: hsl(215 70% 18%); --color-muted: hsl(214 32% 95%); --color-muted-foreground: hsl(215 16% 47%); --color-accent: hsl(214 32% 95%); --color-accent-foreground: hsl(215 70% 18%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(214 20% 90%); --color-input: hsl(214 20% 90%); --color-ring: hsl(215 70% 18%); --color-navy: hsl(215 70% 18%); --color-navy-light: hsl(215 60% 28%); --color-navy-dark: hsl(215 80% 12%); --color-sky: hsl(205 85% 55%); --color-sky-light: hsl(205 85% 92%); --color-gold: hsl(40 75% 52%); --color-slate-50: hsl(210 40% 98%); --color-slate-100: hsl(214 32% 95%); --color-slate-200: hsl(214 20% 90%); --color-slate-400: hsl(215 16% 57%); --color-slate-500: hsl(215 16% 47%); --color-slate-600: hsl(215 19% 35%); --color-slate-700: hsl(215 25% 27%); --color-slate-800: hsl(217 33% 17%); --color-slate-900: hsl(220 20% 14%); --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-heading: "Plus Jakarta Sans", "DM Sans", ui-sans-serif, system-ui, sans-serif; }:root{--radius: .625rem}@keyframes fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}}