@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Jost,sans-serif}:root{--background: hsl(0, 0%, 100%);--foreground: hsl(224, 71.4%, 4.1%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(224, 71.4%, 4.1%);--popover: hsl(0, 0%, 100%);--popover-foreground: hsl(224, 71.4%, 4.1%);--primary: hsl(220.9, 39.3%, 11%);--primary-foreground: hsl(210, 20%, 98%);--secondary: hsl(220, 14.3%, 95.9%);--secondary-foreground: hsl(220.9, 39.3%, 11%);--muted: hsl(220, 14.3%, 95.9%);--muted-foreground: hsl(220, 8.9%, 46.1%);--accent: hsl(220, 14.3%, 95.9%);--accent-foreground: hsl(220.9, 39.3%, 11%);--destructive: hsl(0, 84.2%, 60.2%);--destructive-foreground: hsl(210, 20%, 98%);--border: hsl(220, 13%, 91%);--input: hsl(220, 13%, 91%);--ring: hsl(224, 71.4%, 4.1%);--chart-1: hsl(12, 76%, 61%);--chart-2: hsl(173, 58%, 39%);--chart-3: hsl(197, 37%, 24%);--chart-4: hsl(43, 74%, 66%);--chart-5: hsl(27, 87%, 67%);--radius: .5rem;--boutique-gray: hsl(215, 16%, 47%);--boutique-blue: hsl(214, 50%, 75%);--boutique-light: hsl(210, 20%, 98%);--boutique-dark: #334c6c}.dark{--background: hsl(224, 71.4%, 4.1%);--foreground: hsl(210, 20%, 98%);--card: hsl(224, 71.4%, 4.1%);--card-foreground: hsl(210, 20%, 98%);--popover: hsl(224, 71.4%, 4.1%);--popover-foreground: hsl(210, 20%, 98%);--primary: hsl(210, 20%, 98%);--primary-foreground: hsl(220.9, 39.3%, 11%);--secondary: hsl(215, 27.9%, 16.9%);--secondary-foreground: hsl(210, 20%, 98%);--muted: hsl(215, 27.9%, 16.9%);--muted-foreground: hsl(217.9, 10.6%, 64.9%);--accent: hsl(215, 27.9%, 16.9%);--accent-foreground: hsl(210, 20%, 98%);--destructive: hsl(0, 62.8%, 30.6%);--destructive-foreground: hsl(210, 20%, 98%);--border: hsl(215, 27.9%, 16.9%);--input: hsl(215, 27.9%, 16.9%);--ring: hsl(216, 12.2%, 83.9%);--chart-1: hsl(220, 70%, 50%);--chart-2: hsl(160, 60%, 45%);--chart-3: hsl(30, 80%, 55%);--chart-4: hsl(280, 65%, 60%);--chart-5: hsl(340, 75%, 55%)}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}h1,h2,h3,h4,h5,h6{font-weight:400}h1,h2{text-transform:uppercase}}@layer utilities{.boutique-gray{color:var(--boutique-gray)}.boutique-blue{color:var(--boutique-blue)}.bg-boutique-light{background-color:var(--boutique-light)}.bg-boutique-blue{background-color:var(--boutique-blue)}.text-boutique-gray{color:var(--boutique-gray)}.text-boutique-blue{color:var(--boutique-blue)}.border-boutique-blue{border-color:var(--boutique-blue)}.hover\:text-boutique-blue:hover{color:var(--boutique-blue)}.hover\:bg-boutique-blue:hover{background-color:var(--boutique-blue)}.hover\:border-boutique-blue:hover{border-color:var(--boutique-blue)}}.product-card-image{transition:transform .5s ease}.product-card:hover .product-card-image{transform:scale(1.05)}.product-overlay{transition:opacity .3s ease}.cart-slide{transition:transform .3s ease}