:root {
	--accent: #ec4899;
	--accent-fg: #ffffff;
	--surface: #f8fafc;
	--card-bg: #ffffff;
	--border: #e2e8f0;
	--text: #1e293b;
	--muted: #64748b;
	--bg: #f1f5f9;
	--fg: #1e293b;
}

* { box-sizing: border-box; }

body {
	background: var(--surface);
	color: var(--text);
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Smooth card hover */
.note-card {
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.note-card:hover {
	transform: translateY(-2px);
}

/* Line clamp for excerpt */
.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }

/* Modal animation */
#modal-backdrop {
	transition: opacity 0.15s ease;
}
#modal-panel {
	transition: transform 0.15s ease, opacity 0.15s ease;
}

/* Sidebar active tag */
.tag-item.active {
	background: var(--accent);
	color: var(--accent-fg);
}