@import"tailwindcss";@theme inline{ --font-manrope: "Manrope", ui-sans-serif, system-ui, sans-serif; --font-inter: "Inter", ui-sans-serif, system-ui, sans-serif; --font-poppins: "Poppins", ui-sans-serif, system-ui, sans-serif; --color-background: hsl(210 40% 98%); --color-foreground: hsl(222.2 47.4% 11.2%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(222.2 84% 4.9%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(222.2 84% 4.9%); --color-primary: hsl(217.2 91.2% 59.8%); --color-primary-foreground: hsl(210 40% 98%); --color-secondary: hsl(210 40% 96.1%); --color-secondary-foreground: hsl(222.2 47.4% 11.2%); --color-muted: hsl(210 40% 96.1%); --color-muted-foreground: hsl(215.4 16.3% 46.9%); --color-accent: hsl(210 40% 96.1%); --color-accent-foreground: hsl(222.2 47.4% 11.2%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(210 40% 98%); --color-border: hsl(214.3 31.8% 91.4%); --color-input: hsl(214.3 31.8% 91.4%); --color-ring: hsl(217.2 91.2% 59.8%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); }:root{--radius: .5rem}@media (prefers-color-scheme: dark){:root{--color-background: hsl(222.2 84% 4.9%);--color-foreground: hsl(210 40% 98%);--color-card: hsl(217.2 32.6% 17.5%);--color-card-foreground: hsl(210 40% 98%);--color-popover: hsl(217.2 32.6% 17.5%);--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(217.2 91.2% 59.8%);--color-primary-foreground: hsl(210 40% 98%);--color-secondary: hsl(217.2 32.6% 17.5%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(217.2 32.6% 17.5%);--color-muted-foreground: hsl(215 20.2% 65.1%);--color-accent: hsl(217.2 32.6% 17.5%);--color-accent-foreground: hsl(210 40% 98%);--color-destructive: hsl(0 62.8% 30.6%);--color-destructive-foreground: hsl(210 40% 98%);--color-border: hsl(217.2 32.6% 17.5%);--color-input: hsl(217.2 32.6% 17.5%);--color-ring: hsl(217.2 91.2% 59.8%)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-inter;}h1,h2,h3,h4,h5,h6{@apply font-manrope;}button,.button{@apply font-poppins;}}
