/* Shared design tokens for customer upload and auth pages. */
:root {
  --bg: #f4f7fb;
  --ink: #152033;
  --muted: #5a6a7e;
  --brand: #1565c0;
  --err: #c62828;
  --ok: #1b7a3d;
  --line: #d0d7e2;
  --card: #fff;
  /* Corner radius shortlist — customer UI must use only these (see tests/test_web_upload_radius_tokens.py). */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-round: 50%;
}

* {
  box-sizing: border-box;
}

html {
  background-color: #1565c0;
}

body {
  margin: 0;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  /* Solid color under the gradient: Safari 26+ samples background-color for chrome tint. */
  background-color: #1565c0;
  background-image: linear-gradient(160deg, #e8f0fa 0%, #f4f7fb 40%, #eef6f3 100%);
  color: var(--ink);
  min-height: 100vh;
  line-height: 1.45;
}

main {
  max-width: 420px;
  margin: 0 auto;
  padding: 28px 18px 48px;
}

h1 {
  font-size: 1.55rem;
  margin: 0 0 6px;
  letter-spacing: -0.02em;
}