/* Bare styles for the stage-1 stubs; the design system replaces this file in stage 7. */
:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0 auto; max-width: 40rem; padding: 1rem; }
nav { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-bottom: 1.5rem; }
nav a[aria-current="page"] { font-weight: 700; }
form { display: grid; gap: 0.5rem; max-width: 20rem; }
input, button { font: inherit; padding: 0.5rem; }
.prompt { font-family: ui-monospace, monospace; }
.prompt span { color: #22c55e; }
[aria-invalid="true"] { outline: 2px solid #dc2626; }