@tailwind base;@tailwind components;@tailwind utilities;:root{--button-outline: rgba(0,0,0, .1);--badge-outline: rgba(0,0,0, .05);--opaque-button-border-intensity: -8;--elevate-1: rgba(0,0,0, .03);--elevate-2: rgba(0,0,0, .08);--background: 210 20% 98%;--foreground: 220 20% 15%;--border: 214 18% 88%;--card: 0 0% 100%;--card-foreground: 220 20% 15%;--card-border: 214 18% 90%;--sidebar: 210 25% 96%;--sidebar-foreground: 220 20% 25%;--sidebar-border: 214 18% 88%;--sidebar-primary: 215 70% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 215 50% 92%;--sidebar-accent-foreground: 220 20% 25%;--sidebar-ring: 215 70% 50%;--popover: 0 0% 100%;--popover-foreground: 220 20% 15%;--popover-border: 214 18% 88%;--primary: 215 70% 50%;--primary-foreground: 0 0% 100%;--secondary: 210 20% 94%;--secondary-foreground: 220 20% 25%;--muted: 210 20% 94%;--muted-foreground: 220 10% 45%;--accent: 168 60% 45%;--accent-foreground: 0 0% 100%;--destructive: 0 65% 55%;--destructive-foreground: 0 0% 100%;--input: 214 18% 85%;--ring: 215 70% 50%;--chart-1: 215 70% 50%;--chart-2: 168 60% 45%;--chart-3: 35 85% 55%;--chart-4: 280 60% 55%;--chart-5: 340 70% 55%;--font-sans: "Inter", "DM Sans", sans-serif;--font-serif: "Libre Baskerville", "Georgia", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: .5rem;--shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 10px -1px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .18);--tracking-normal: 0em;--spacing: .25rem;--sidebar-primary-border: hsl(var(--sidebar-primary));--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--sidebar-accent-border: hsl(var(--sidebar-accent));--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--primary-border: hsl(var(--primary));--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--secondary-border: hsl(var(--secondary));--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--muted-border: hsl(var(--muted));--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--accent-border: hsl(var(--accent));--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);--destructive-border: hsl(var(--destructive));--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha)}.dark{--button-outline: rgba(255,255,255, .1);--badge-outline: rgba(255,255,255, .05);--opaque-button-border-intensity: 9;--elevate-1: rgba(255,255,255, .04);--elevate-2: rgba(255,255,255, .09);--background: 220 18% 10%;--foreground: 210 15% 92%;--border: 215 15% 22%;--card: 220 18% 13%;--card-foreground: 210 15% 92%;--card-border: 215 15% 22%;--sidebar: 220 18% 8%;--sidebar-foreground: 210 15% 85%;--sidebar-border: 215 15% 18%;--sidebar-primary: 215 70% 55%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 215 30% 20%;--sidebar-accent-foreground: 210 15% 90%;--sidebar-ring: 215 70% 55%;--popover: 220 18% 13%;--popover-foreground: 210 15% 92%;--popover-border: 215 15% 22%;--primary: 215 70% 55%;--primary-foreground: 0 0% 100%;--secondary: 215 15% 20%;--secondary-foreground: 210 15% 90%;--muted: 215 15% 18%;--muted-foreground: 215 12% 55%;--accent: 168 55% 42%;--accent-foreground: 0 0% 100%;--destructive: 0 60% 50%;--destructive-foreground: 0 0% 100%;--input: 215 15% 25%;--ring: 215 70% 55%;--chart-1: 215 70% 55%;--chart-2: 168 55% 42%;--chart-3: 35 80% 50%;--chart-4: 280 55% 50%;--chart-5: 340 65% 50%;--shadow-2xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-md: 0 6px 10px -1px rgba(0, 0, 0, .35), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}@layer base{*{@apply border-border;}body{@apply font-sans antialiased bg-background text-foreground;}}@layer utilities{input[type=search]::-webkit-search-cancel-button{@apply hidden;}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:hsl(var(--muted-foreground));pointer-events:none}.toggle-elevate:before,.toggle-elevate-2:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:-1}.toggle-elevate.toggle-elevated:before{background-color:var(--elevate-2)}.border.toggle-elevate:before{inset:-1px}.hover-elevate:not(.no-default-hover-elevate),.active-elevate:not(.no-default-active-elevate),.hover-elevate-2:not(.no-default-hover-elevate),.active-elevate-2:not(.no-default-active-elevate){position:relative;z-index:0}.hover-elevate:not(.no-default-hover-elevate):after,.active-elevate:not(.no-default-active-elevate):after,.hover-elevate-2:not(.no-default-hover-elevate):after,.active-elevate-2:not(.no-default-active-elevate):after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:999}.hover-elevate:hover:not(.no-default-hover-elevate):after,.active-elevate:active:not(.no-default-active-elevate):after{background-color:var(--elevate-1)}.hover-elevate-2:hover:not(.no-default-hover-elevate):after,.active-elevate-2:active:not(.no-default-active-elevate):after{background-color:var(--elevate-2)}.border.hover-elevate:not(.no-hover-interaction-elevate):after,.border.active-elevate:not(.no-active-interaction-elevate):after,.border.hover-elevate-2:not(.no-hover-interaction-elevate):after,.border.active-elevate-2:not(.no-active-interaction-elevate):after{inset:-1px}}