* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
	line-height: 1.5;
}

h1,
h2,
h3,
p {
	margin: 0 0 var(--space-4);
}

a {
	color: var(--color-accent);
}

main {
	padding: var(--space-6);
}

.helper-text {
	color: var(--color-muted);
	font-size: 0.9rem;
}

.form-group {
	display: grid;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}

.error-message {
	background: var(--color-danger-surface);
	border: 1px solid var(--color-danger-border);
	border-radius: var(--radius);
	color: var(--color-danger);
	padding: var(--space-3);
	margin-bottom: var(--space-4);
}