@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-display: "Space Grotesk", 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(220 60% 20%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(220 20% 94%); --color-secondary-foreground: hsl(220 30% 10%); --color-muted: hsl(220 15% 92%); --color-muted-foreground: hsl(220 10% 45%); --color-accent: hsl(215 90% 55%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(220 15% 90%); --color-input: hsl(220 15% 90%); --color-ring: hsl(215 90% 55%); --color-navy: hsl(220 60% 12%); --color-navy-light: hsl(220 50% 18%); --color-electric: hsl(215 90% 55%); --color-electric-light: hsl(215 90% 65%); --color-electric-dark: hsl(215 90% 45%); --color-slate-soft: hsl(220 15% 96%); --color-cyan-accent: hsl(190 80% 50%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); }:root{--radius: .625rem}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}html{scroll-behavior:smooth}}