@import "tailwindcss";

@theme {
	--color-bg: #0a0a0b;
	--color-bg-elevated: #141416;
	--color-bg-card: #1a1a1d;
	--color-text: #fafafa;
	--color-text-muted: #888;
	--color-primary: #6366f1;
	--color-primary-light: #818cf8;
	--color-accent: #22d3ee;
	
	/* Type colors */
	--color-observation: #6366f1;
	--color-task: #f59e0b;
	--color-idea: #22d3ee;
	--color-reference: #a855f7;
	--color-person-note: #ec4899;
	
	--font-family-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
	--font-family-mono: 'JetBrains Mono', ui-monospace, monospace;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
	background-color: #0a0a0b;
	color: #fafafa;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	line-height: 1.2;
}