/* The app's colours (mobile/src/theme/tokens.ts): 60% background, 30% surface, 10% accent. */
:root { --bg: #F7F6F3; --ink: #111111; --muted: #5F5D59; --accent: #111111; --on-accent: #FFFFFF; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #121212; --ink: #F2F1EE; --muted: #A3A19C; --accent: #F2F1EE; --on-accent: #111111; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif; }
main { max-width: 480px; margin: 0 auto; padding: 48px 24px; }
.brand { font-family: Georgia, "Fraunces", serif; font-size: 20px; margin: 0 0 32px; }
h1 { font-family: Georgia, "Fraunces", serif; font-weight: 500; font-size: 28px; line-height: 1.2; margin: 0 0 16px; }
.button { display: inline-block; background: var(--accent); color: var(--on-accent); padding: 14px 24px; border-radius: 999px; text-decoration: none; font-weight: 600; }
.note { color: var(--muted); font-size: 14px; }