/* Light-theme tokens from web/src/app/(site)/globals.css. */
:root {
  --accent: #b95235;
  --accent-dk: #8a3927;
  --bg-alt: #f7f2ea;
  --ink: #2d2520;
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg-alt);
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; }
main { width: 100%; max-width: 680px; text-align: center; padding-block: 40px; }
img { display: block; margin: 0 auto 32px; max-width: 100%; height: auto; }
.eyebrow { margin: 0 0 12px; color: var(--accent-dk); font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
h1 { margin: 0; font-family: Georgia, serif; font-size: clamp(2.25rem, 8vw, 4rem); font-weight: 650; line-height: 1.1; }
.message { margin: 24px 0 32px; font-size: 1.2rem; line-height: 1.6; }
a { color: var(--accent-dk); overflow-wrap: anywhere; text-underline-offset: .25em; line-height: 1.7; }
a:focus-visible { outline: 3px solid var(--ink); outline-offset: 6px; }