/* Angry Crab Shack — main stylesheet. Tokens and styles arrive with the first designed page. */

/* PLACEHOLDER SCAFFOLD, added by the developer so the page structure can be
   walked while every page is still blank. It centres the page name and does
   nothing else. It uses raw values because tokens.css does not exist yet,
   which is why it is fenced and labelled. Delete this whole block when
   tokens.css and the designed templates land. */
body {
	margin: 0;
	font-family: system-ui, -apple-system, sans-serif;
	color: #1a1a1a;
	background: #fff;
}

main {
	display: grid;
	place-items: center;
	min-height: 70vh;
	padding: 2rem;
	text-align: center;
}

/* Skip link: off-screen until focused, per rule 9. */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
}

.skip-link:focus {
	left: 0;
	z-index: 100;
	padding: 0.5rem 1rem;
	background: #fff;
	color: #1a1a1a;
}

main h1 {
	margin: 0;
	font-size: clamp(1.75rem, 5vw, 3rem);
	font-weight: 500;
	letter-spacing: -0.01em;
}
/* END PLACEHOLDER SCAFFOLD */