@import "tailwindcss";

@theme {
	--font-sans:
		var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	--color-bg-primary: #070707;
	--color-bg-secondary: #0f0f0f;
	--color-bg-tertiary: #1a1a1a;
	--color-border: #2a2a2a;
	--color-text-primary: #ffffff;
	--color-text-secondary: #999999;
	--color-text-tertiary: #666666;
	--color-text-dim: #444444;
}

* {
	border-radius: 0 !important;
}

::selection {
	background-color: #2a2a2a;
	color: #ffffff;
}

input,
textarea,
button {
	font-family: inherit;
}

input::placeholder,
textarea::placeholder {
	color: var(--color-text-tertiary);
}

input:focus,
textarea:focus {
	outline: none;
	border-color: var(--color-text-tertiary);
}