@import"tailwindcss";@theme inline{ --color-background: hsl(210 20% 99%); --color-foreground: hsl(215 25% 12%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(215 25% 12%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(215 25% 12%); --color-primary: hsl(213 65% 35%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(210 30% 95%); --color-secondary-foreground: hsl(215 25% 12%); --color-muted: hsl(210 20% 96%); --color-muted-foreground: hsl(215 15% 48%); --color-accent: hsl(213 65% 35%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(210 40% 98%); --color-border: hsl(214 25% 90%); --color-input: hsl(214 25% 90%); --color-ring: hsl(213 65% 35%); --color-sidebar-background: hsl(0 0% 98%); --color-sidebar-foreground: hsl(240 5.3% 26.1%); --color-sidebar-primary: hsl(213 65% 35%); --color-sidebar-primary-foreground: hsl(0 0% 98%); --color-sidebar-accent: hsl(210 30% 95%); --color-sidebar-accent-foreground: hsl(215 25% 12%); --color-sidebar-border: hsl(220 13% 91%); --color-sidebar-ring: hsl(213 65% 35%); --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; --color-blue-50: hsl(213 80% 97%); --color-blue-100: hsl(213 70% 92%); --color-blue-600: hsl(213 65% 35%); --color-blue-700: hsl(213 70% 28%); --color-blue-800: hsl(213 75% 20%); --color-blue-900: hsl(213 80% 14%); --color-slate-50: hsl(210 20% 98%); --color-slate-100: hsl(210 20% 96%); --color-slate-200: hsl(210 18% 90%); --color-slate-300: hsl(210 15% 82%); --color-slate-400: hsl(215 15% 60%); --color-slate-500: hsl(215 15% 48%); --color-slate-600: hsl(215 18% 38%); --color-slate-700: hsl(215 20% 28%); --color-slate-800: hsl(215 25% 18%); --color-slate-900: hsl(215 25% 12%); }:root{--radius: .5rem}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}html{scroll-behavior:smooth}