@import "tailwindcss";

/* Scan @vreko/ui package for classes - 4 levels up from src/ */
@source "../../../../packages/ui/src/**/*.tsx";
@source "../../../../packages/ui/src/**/*.ts";

@layer base {
	:root {
		/* VS Code theme variables */
		--background: 0 0% 7%;
		--foreground: 0 0% 95%;
	}

	body {
		margin: 0;
		padding: 0;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		background-color: var(--vscode-editor-background, #1e1e1e);
		color: var(--vscode-editor-foreground, #d4d4d4);
	}
}
