Tela: Favoritos

3 estados: loading, não logado (hero), logado com grid de cidades.

Estado: não logado / Hero

Exibido quando o usuário não tem sessão ativa. Ilustração SVG + copy + CTA para login.

// screens/Favoritos — estado não logado
headerTitle: {
  marginTop: 16, marginBottom: 16,
  fontSize: 24, lineHeight: 32,
  fontFamily: Semibold, color: colors.white,
},
ctaButton: {
  marginTop: 32, height: 54,
  borderRadius: radius.md,   // 12 — NÃO pill
  backgroundColor: colors.embarko_blue,
},
ctaButtonText: {
  fontSize: 16, fontFamily: Semibold, color: '#000',
},

Estado: logado — Grid de Cidades

FlatList com 2 colunas. Cada cell mostra thumbnail, nome da cidade e contagem de favoritos.

// screens/Favoritos — cityCard
cityCard: {
  width: CARD_SIZE,   // 168
  gap: spacing.sm,    // 8
},
cityThumb: {
  width: CARD_SIZE, height: CARD_SIZE,
  borderRadius: 16,
},
thumbPlaceholder: {
  backgroundColor: "rgba(255,255,255,0.08)",
},
cityName: {
  fontSize: 20, lineHeight: 24,
  fontFamily: Semibold, color: colors.white,
},
cityCount: {
  fontSize: 14, lineHeight: 18,
  fontFamily: Medium, color: colors.white,
},