/* Layout specific to ornitho — colors, font, radius and components come from
   the shared design system (main.css). Mobile first: a single centered
   column that simply widens on larger screens. */

body {
  padding-bottom: env(safe-area-inset-bottom);
}

.app-main {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: var(--space-5) var(--space-4) var(--space-6);
}

/* ---- Welcome placeholder (until the quiz lands) ---- */
.app-welcome {
  padding: var(--space-6) var(--space-5);
  text-align: center;
}

.app-welcome-icon {
  display: block;
  margin: 0 auto var(--space-4);
  border-radius: var(--radius);
}

.app-welcome-text {
  color: var(--text-2);
}

.app-welcome-soon {
  margin-top: var(--space-4);
  font-weight: 600;
  color: var(--accent);
}