/* base-structure.css
 * Phase 1: Core structural layout primitives (body, #app, main containers)
 */

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

#app {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main-content {
	flex: 1;
	padding: var(--spacing-lg);
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
}

@media (max-width: 768px) {
	.main-content { padding: var(--spacing-md); }
}