/* Placeholder app.css - replace with compiled CSS from /static React app build */
/* (Add :root custom properties here if needed) */
body {
	background: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
	font-family: var(--wp--preset--font-family--geist);
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	/* font-variation-settings: normal;  Geist (Google) served as static weights; keep commented for future variable font */
	margin: 0;
}

a {
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

/* Utility example */
.accent-bg { background: var(--wp--preset--color--accent); color: #000; }
