@import"tailwindcss";@theme inline{ --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --color-background: hsl(220 20% 97%); --color-foreground: hsl(220 30% 10%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(220 30% 10%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(220 30% 10%); --color-primary: hsl(217 91% 25%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(215 20% 93%); --color-secondary-foreground: hsl(220 30% 10%); --color-muted: hsl(215 20% 93%); --color-muted-foreground: hsl(215 15% 45%); --color-accent: hsl(210 100% 50%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(215 20% 88%); --color-input: hsl(215 20% 88%); --color-ring: hsl(217 91% 25%); --color-sidebar-background: hsl(220 30% 10%); --color-sidebar-foreground: hsl(0 0% 95%); --color-sidebar-primary: hsl(210 100% 50%); --color-sidebar-primary-foreground: hsl(0 0% 100%); --color-sidebar-accent: hsl(220 30% 15%); --color-sidebar-accent-foreground: hsl(0 0% 95%); --color-sidebar-border: hsl(220 30% 18%); --color-sidebar-ring: hsl(210 100% 50%); --color-navy: hsl(220 30% 10%); --color-navy-light: hsl(220 25% 18%); --color-electric: hsl(210 100% 50%); --color-electric-light: hsl(210 100% 60%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); }:root{--radius: .625rem}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}}